body {
    background-color: #f1f1f1;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    font-size: 13px;
}

.master_content_nostyle {
    vertical-align: top;
}

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

form {
    margin: 0;
    padding: 0;
}

.form-group .text-danger, .form-group .text-danger:hover, .form-group .text-danger:focus {
    line-height: 0;
}

#Parks .form-group .text-danger, #Parks .form-group .text-danger:hover, #Parks .form-group .text-danger:focus {
    line-height: initial;
}

.text-danger, .text-danger:hover, .text-danger:focus {
    font-size: 15px;
}

#Parks {
    overflow: auto;
    display: contents;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
}

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

.ui-pnotify {
    z-index: 10010;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: transparent;
}

.caret {
    float: right;
}

audio, canvas, progress, video {
    /*font-family:'Fira Sans', sans-serif !important; */
    font-weight: 400;
}

input:-webkit-autofill {
    /* -webkit-box-shadow: 0 0 0 30px rgb(255 255 255 / 5%) inset !important; */
}

input:-internal-autofill-selected {
    /* background-color: transparent !important; */
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    /* transition: background-color 5000s ease-in-out 0s; */
    /* -webkit-text-fill-color: #fff !important; */
}

.ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left {
    top: 20px;
    bottom: inherit;
}

div.gridbox_dhx_skyblue.gridbox table.obj {
    border: none !important;
}

.panel-group .panel {
    margin-bottom: 20px;
}

.VerticalMiddle {
    display: table;
    height: 550px;
    float: left;
}

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

.login-container {
    background-image: url(../images/LoginBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

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

.login-container .login_form_first::after {
    content: '';
    position: absolute;
    background-image: url(../images/Login_Shadow.png);
    width: 852px;
    height: 65px;
    left: 0;
    bottom: -35px;
    margin: auto;
    right: 0;
    z-index: -1;
}

.login-container .login_form_first {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 590px;
    z-index: 0;
    border-radius: 10px !important;
    background-color: transparent;
}

.login-container .login_form_first .LeftSide, .login-container .login_form_first .RightSide {
    width: 50%;
    float: left;
}

.login-container .login_form_first .LeftSide {
    background-image: url(../images/denbg.png), linear-gradient(to top ,#ffffff , #e1e5ff , #f9f9ff, #fff);
    border-radius: 10px 0 0 10px;
    height: inherit;
    background-repeat: no-repeat;
    background-position: 40% 100%;
}

.login-container .login_form_first .RightSide {
    background: url(../images/LoginCurve.png), url(../images/LoginCurve_2.png), linear-gradient(to bottom, #ffffff 40%, #ebedff 100%);
    background-repeat: no-repeat;
    border-radius: 0 10px 10px 0;
    padding: 20px 75px;
    background-position: top, bottom;
}

.login-container .login_form_first .RightSide .form-group .LoginLabel {
    padding: 7px 0;
    font-size: 14px;
    color: #99a2b5;
    font-weight: 400;
}

.login-container .login_form_first .RightSide .form-group label {
    font-size: 16px;
    color: #9b9b9b;
    font-weight: 500;
    margin: 0;
}

.login-container .login_form_first .RightSide .form-group input {
    background-color: rgb(136 147 195 / 12%);
    border-radius: 8px;
    border: none;
    height: 40px;
    padding: 5px 18px;
    color: #070b3a;
    letter-spacing: 0.5px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
}

.login-container .login_form_first .RightSide .form-group input[type="text"] {
    background-image: url(../images/user.svg);
}

.login-container .login_form_first .Rightside .form-group input[type="password"] {
    background-image: url(../images/password.svg);
}

.login-container .login_form_first .Rightside .form-group.Pass_Icon .login-container .login_form_first .RightSide .form-group .ForgotPassword {
    font-size: 15px;
    font-weight: 500;
    color: #fbb442;
    display: inline-block;
    padding: 5px 0;
    font-weight: 400;
}

.login-container .login_form_first .RightSide .form-group .BtnLogin {
    padding: 10px 60px;
    font-size: 16px;
    color: #efefef;
    font-weight: 400;
    border-radius: 8px;
    background-color: #5582e9;
    line-height: 20px;
}

.login-container .login_form_first .RightSide .content-group {
    margin: 0 !important;
    padding: 12px 0;
}

.login-container .login_form_first .RightSide .content-group small {
    color: #6a6a97;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 11px;
}

.login-container .login_form_first .RightSide .form-group .validation-error-label {
    position: absolute;
    line-height: 16px;
    padding: 5px 0 5px 20px;
    color: #ff4f4f;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.login-container .login_form_first .RightSide .form-group .validation-error-label::before {
    top: 5px;
}

.CustomFormDesign select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/MultiSelectTringle.png) !important;
    background-repeat: no-repeat;
    background-position: center right;
    line-height: initial;
    padding: 4px 25px 4px 12px;
    height: 32px !important;
    line-height: 16px;
}

.pagination select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/MultiSelectTringle.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 7px 25px 7px 12px;
    line-height: initial;
    line-height: 16px;
}

.dataTables_wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/MultiSelectTringle.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 7px 25px 7px 12px;
    line-height: initial;
    line-height: 16px;
}

.CustomSelectIcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/MultiSelectTringle.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 7px 25px 7px 12px !important;
    line-height: 18px !important;
    height: 32px !important;
    line-height: 16px;
}

.media-left .btn-sm {
    margin-top: 0 !important;
}

.controls .btn-group .disabled, .form-group input[type="text"][disabled] {
    background-color: #dedede;
}

.btn {
    position: relative;
    border-radius: 2px;
    font-weight: 500;
    font-size: 12px;
}

.bootstrap-select.btn-group .btn-xs>.caret {
    float: right;
}

.OuterDoc {
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.OuterDoc a {
    width: 20px;
    height: 20px;
    float: left;
    border-radius: 3px;
    margin-right: 5px;
    text-align: center;
    border: 1px solid #cacaca;
    background-color: #fff;
}

.OuterDoc a i {
    top: -1px;
    position: relative;
    font-size: 14px !important;
}

.OuterDoc2 {
    width: 100%;
    float: left;
    padding: 7px 10px;
    border-bottom: 1px solid #ddd;
}

.OuterDoc2 ul {
    float: right;
    padding: 0;
    margin: 0;
    height: 25px;
}

.OuterDoc2 li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.OuterDoc2 li a {
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 2px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #fff;
}

.OuterDoc2 li:hover a {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.OuterDoc2 li a i {
    top: 5px;
    position: relative;
    font-size: 14px !important;
}

.OuterDoc2 li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.OuterDoc2 li:hover::before {
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.OuterDoc2 ul li:first-child::before {
    border: 1px solid #348F3D;
}

.OuterDoc2 ul li:nth-child(2)::before {
    border: 1px solid #4DB152;
}

.OuterDoc2 ul li:nth-child(3)::before {
    border: 1px solid #4A8DF1;
}

.OuterDoc2 ul li:nth-child(4)::before {
    border: 1px solid #637B89;
}

.OuterDoc2 ul li:nth-child(5)::before {
    border: 1px solid #EE483D;
}

#dvDesignStudioIfmContainer .OuterDoc, #dvDesignStudioIfmContainer #btnSaveRights, #dvDesignStudioIfmContainer #btnAddMetadata, #dvDesignStudioIfmContainer #btnEditMetadata , #dvDesignStudioIfmContainer #btnDeleteMetadata {
    display: none;
}

/*CUSTOM COLOR*/
#divCanvas .BgGrid .panel.panel-info {
    border-color: var(--main-Primary-color);
}

#divCanvas .BgGrid .panel-info .panel-heading {
    background-color: var(--main-Primary-color);
    border-color: var(--main-Primary-color);
    margin: 0;
    border-radius: 0;
}

#divCanvas .BgGrid .panel-info .panel-heading .heading-elements .navbarpad li ul li a i {
    color: var(--main-Primary-color);
}

#divCanvas .BgGrid .panel-info .panel-heading.text-right .heading-elements {
    left: 20px;
    right: auto;
}

#divCanvas .BgGrid .panel-info .panel-heading span.text-danger {
    display: inline-block;
    position: relative;
    top: -4px;
    left: -2px;
    font-size: 14px;
}

#divCanvas .BgGrid .panel-info .panel-heading h6 {
    display: inline-block;
}

#divCanvas .BgGrid .panel-info .panel-heading .navbarpad li a i {
    margin: 0;
}

#divCanvas .BgGrid .panel-info .datatable-footer .bootpag li a {
    background-color: var(--main-Primary-color);
}

#divCanvas .BgGrid .panel-info .datatable-footer {
    border-top: 1px solid var(--main-Primary-color);
    border-radius: 0 !important;
}

#divCanvas .BgGrid .panel-info .table-widget {
    width: 100%;
    position: relative;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content .input-group .input-group-btn [title~=Search] {
    background-color: var(--main-Primary-color);
    border-color: var(--main-Primary-color);
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content {
    overflow: hidden;
    overflow-x: auto;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table {
    border: none !important;
    padding: 12px;
    width: auto !important;
    overflow-x: auto;
    min-width: 100%;
    margin-top: 0 !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr {
    background-color: var(--main-GridHeader-color);
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th:first-child {
    border-left: none !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th {
    border-left: 1px solid var(--main-Primary-color) !important;
    border: none;
    min-width: 100px;
    padding: 7px 18px 7px 5px;
    background-color: transparent;
    border-left: 1px solid #ddd;
    line-height: 16px;
    font-size: 13px;
    color: #2f3434;
    font-weight: 500;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th::before {
    right: 4px;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table thead tr th::after {
    right: 4px;
    margin-top: -10px;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th {
    padding: 5px 10px;
    border-top: none;
    border-left: 1px solid #ddd !important;
    position: relative;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th:first-child {
    border-left: none !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot.ShowGridFilter tr th:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 14px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #9a9898;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th input {
    min-width: 100%;
    text-indent: 10px;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot tr th select {
    text-indent: 10px;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tfoot.ShowGridFilter tr th:before {
    color: #00bcd4;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected {
    background-color: var(--main-GridHeader-color);
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected td {
    border-left: 1px solid var(--main-Primary-color) !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr.selected td:first-child {
    border-left: none !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span:focus {
    border: 1px solid #00bcd4 !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a {
    border-color: #00bcd4;
    background-color: #00bcd4;
    border-left: 1px solid #fff;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a:focus {
    box-shadow: 2px 2px 10px #00bcd4;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .input-group-btn a i {
    color: #fff;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:before {
    border: 2px solid #00bcd4;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:focus::before {
    border: 3px solid #00bcd4;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox label:after {
    color: #00bcd4;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content .CustomFomrButton {
    background-color: #00bcd4 !important;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group .form-control:focus {
    border-color: #00bcd4;
}

#divCanvas .BgGrid .panel-info .pagination select {
    border: 1px solid var(--main-Primary-color);
}

#divCanvas .BgGrid .panel-info .pagination li input {
    border: 1px solid var(--main-Primary-color);
    background-color: #fff;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table.FormGrid tbody tr.selected td .form-group input {
    background-color: rgb(178, 235, 242);
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td {
    border: none ;
    border-bottom: 1px solid #ddd ;
    padding: 0 10px;
    height: 46px;
    border-left: 1px solid #ddd ;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .customcheckbox div label {
    display: none;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    border-left: none;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .multiselect-container li a label {
    padding-left: 10px;
    width: 100%;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group {
    margin-bottom: 0 !important;
    width: 100%;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls .form-control {
    min-width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #565656;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group textarea.form-control {
    min-width: 150px;
    width: 100%;
    height: 32px;
    margin: 4px 0 0 0;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .form-group span, #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span , #divCanvas .BgGrid .panel-info .table-widget .table-widget-content table tbody tr td .controls span option {
    font-size: 13px;
    font-weight: 500;
    color: #565656;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content table.FormGrid tbody tr td .form-group input {
    background-color: transparent;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content .ShowGridFilter {
    display: table-header-group !important
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content .RemoveFilter:before {
    display: none;
}

#divCanvas .BgGrid .panel-info .table-widget .table-widget-content .form-control-unstyled {
    opacity: 1 !important;
    cursor: default !important
}

.panel-info.panel-bordered {
    border-color: var(--main-Primary-color);
}

.panel-info>.panel-heading, .btn-info, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active:hover {
    background-color: var(--main-Primary-color);
    border-color: var(--main-Primary-color);
}

.checker span, .form-wizard-count {
    border: 2px solid var(--main-Primary-color);
    color: var(--main-Primary-color);
}

.accordion-sortable .panel-group .panel-heading {
    background-color: var(--main-Primary-color);
}

.nav-tabs.nav-tabs-highlight>li.active>a, .nav-tabs.nav-tabs-highlight>li.active>a:hover, .nav-tabs.nav-tabs-highlight>li.active>a:focus {
    border-top-color: var(--main-Primary-color);
}

.sf-t5 .sf-nav li.sf-active .sf-nav-number-inner:before, .sf-t5 .sf-nav li.sf-nav-mark-step .sf-nav-number-inner:before, .sf-t5 .sf-nav li.sf-nav-step-disabled .sf-nav-number-inner:before {
    background: var(--main-Primary-color);
    box-shadow: 0 3px 4px var(--main-Primary-color) inset;
}

/*CUSTOM COLOR*/
/*RemoveClass*/
.remove-panel-footer .datatable-footer {
    display: none !important;
}

.remove-panel-heading .panel-heading {
    display: none !important;
}

.remove-heading-elements .heading-elements {
    display: none !important;
}

.remove-panel-footer .panel-footer {
    display: none !important;
}

/*RemoveClass*/
.greyTheme {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    margin-bottom: 20px;
    background-color: #fff;
}

.greyTheme .panel-heading {
    border-bottom: 1px solid #E7E7E7 !important;
    background-color: #fff !important;
}

.greyTheme .panel-heading h6 {
    font-size: 18px;
    font-weight: 600 !important;
    color: #777777;
    letter-spacing: 0.5px;
}

.greyTheme .panel-heading .heading-elements {
    margin-top: -15px;
    right: 10px;
}

.greyTheme .panel-heading .navbarpad {
    margin: 0;
}

.greyTheme .panel-heading .navbarpad li a {
    padding: 5px 15px !important;
}

.greyTheme .panel-heading .navbarpad li .btn {
    border: 2px solid #787878;
    border-radius: 4px;
    margin-left: 6px;
    font-weight: 600;
    color: #777777;
    letter-spacing: 0.2px;
    font-size: 14px;
    line-height: 12px;
}

.greyTheme .panel-heading a.collapse3 {
    color: #979797;
}

.greyTheme .panel-heading a.collapse3:after {
    content: '\f056';
    font-size: 20px;
}

.greyTheme .panel-heading a.collapse3.rotate-180:after {
    content: '\f055';
    font-size: 20px;
}

.greyTheme .collapse .input-group button {
    background-color: #777777;
    border-color: #777777;
}

.greyTheme .collapse .input-group button:hover {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
}

.greyTheme .panel-body {
    padding: 0;
}

.greyTheme .table-widget-content table {
    padding: 0 !important;
}

.greyTheme .table-widget-content table thead tr th {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #777777 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 14px 15px !important;
}

.greyTheme .table-widget-content table tbody tr.selected td {
    background-color: #e8e8e8;
}

.greyTheme .ui-iggrid .ui-widget-content tr {
    border-bottom: 5px;
}

.greyTheme .table-widget-content table tbody td {
    padding: 0 15px !important;
    position: relative !important;
    height: 50px !important;
}

.greyTheme .ui-iggrid .ui-widget-content td .controls {
    position: absolute;
    top: -2px;
}

.greyTheme table tr td {
    border: none !important;
    border-bottom: 1px solid #CCCCCC !important;
    border-top: 1px solid #CCCCCC !important;
    border-left: 1px solid #cccccc !important;
}

.greyTheme table tr td:first-child {
    border-left: none !important;
}

.greyTheme table, .greyTheme tr td {
    border-spacing: 0 7px;
    background-color: white;
}

.greyTheme tr td {
    background-color: #f4f4f4;
}

.greyTheme .ui-iggrid-selectedcell .ui-igcombo-wrapper {
    height: 100%!important;
    padding-left: 20px
}

.greyTheme .datatable-footer .bootpag li a {
    border: 1px solid #b1b1b1 !important;
    color: #787878 !important;
}

.greyTheme .datatable-footer {
    padding: 4px 0 !important;
}

.greyThemeTwo.panel {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.greyThemeTwo .datatable-footer, .greyThemeTwo .heading-elements {
    display: none !important;
}

.greyThemeTwo .panel-heading h6 {
    font-size: 18px;
    font-weight: 600 !important;
    color: #777777;
    letter-spacing: 0.5px;
    line-height: 16px;
}

.greyThemeTwo .table-widget .table-widget-content table thead {
    display: none;
}

.greyThemeTwo .panel-heading {
    padding: 0 !important;
}

.greyThemeTwo .ui-iggrid th span.ui-iggrid-headertext {
    font-size: 15px;
    font-weight: 600 !important;
    color: #777777;
}

.greyThemeTwo .table-widget .table-widget-content tr {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}

.greyThemeTwo .table-widget .table-widget-content td {
    border-top: 1px solid #979797 !important;
    border-bottom: 1px solid #979797 !important;
    border-right: none !important;
    border-left: 1px solid #979797!important;
    padding: 0 15px;
    position: relative;
    height: 50px;
}

.greyThemeTwo .table-widget .table-widget-content td:last-child {
    border-right: 1px solid #979797 !important;
}

.greyThemeTwo .ui-iggrid-scrolldiv {
    box-shadow: none !important;
}

.greyThemeTwo .ui-iggrid .ui-iggrid-scrolldiv {
    background-color: transparent;
}

.greyThemeTwo table.dataTable {
    padding: 12px 0 !important;
}

.greyInbox.panel {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0;
    background-color: transparent;
}

.greyInbox .panel-heading {
    display: none;
}

.greyInbox .panel-footer {
    display: none;
    border: 1px solid #CBCBCB !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    border-radius: 0;
}

.greyInbox .ui-widget {
    border-radius: 0 !important;
}

.greyInbox .ui-iggrid-scrolldiv {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
}

.greyInbox thead {
    display: none;
}

.greyInbox .table-responsive .gridbox .xhdr {
    display: none;
}

.greyInbox .table-responsive .gridbox .objbox tbody tr {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}

.greyInbox .table-responsive .gridbox .objbox tbody tr td {
    border-top: 1px solid #CBCBCB !important;
    border-bottom: 1px solid #CBCBCB !important;
    ; border-left: none !important;
    border-right: none !important;
    padding: 15px 8px !important;
}

.greyInbox .table-responsive .gridbox .objbox tbody tr td a {
    font-size: 14px;
    font-weight: 600 !important;
    color: #777777;
    letter-spacing: 0.5px;
    line-height: 16px;
}

.greyInbox .ui-iggrid td.ui-state-hover a, .greyInbox .ui-iggrid .ui-ig-altrecord td.ui-state-hover a {
    color: #777777 !important;
}

.greyInbox .table-responsive .gridbox .objbox tbody tr td a span {
    font-size: 14px;
    font-weight: 400 !important;
    color: #9B9B9B;
    letter-spacing: 0.5px;
    line-height: 16px;
}

.greyInbox .table-responsive .gridbox .objbox tbody tr td:first-child {
    border-left: 1px solid #CBCBCB!important;
}

.greyInbox .table-responsive .gridbox .objbox tbody tr td:last-child {
    border-right: 1px solid #CBCBCB !important;
}

.greyInbox table, .greyInbox tr td {
    background-color: white;
}

.greyInbox table, .greyInbox tr {
    border-spacing: 0 10px;
    background-color: transparent !important;
    border: none;
    border-collapse: separate;
}

.greyInbox .ui-iggrid-table tbody tr td .btn {
    border: 2px solid #787878;
    border-radius: 4px;
    margin-left: 6px;
    font-weight: 600;
    color: #777777;
    letter-spacing: 0.2px;
    font-size: 14px;
}

.greyInbox .panel-footer i {
    color: #777;
    font-size: 20px;
}

.greyInbox .panel-footer .label {
    color: #777 !important;
    font-weight: 600;
    font-size: 13px;
    margin-top: 11px !important;
}

.greyInbox .panel-footer ul li a i {
    color: #333 !important;
    font-weight: 600;
    font-size: 18px;
}

/*CUSTOM BORDER*/
.border_left {
    border-left: 1px solid #ddd;
}

.border_right {
    border-right: 1px solid #ddd;
}

.border_top {
    border-top: 1px solid #ddd;
}

.border_bottom {
    border-bottom: 1px solid #ddd;
}

/*CUSTOM BORDER*/
/* Secondary menu */
.flexbox .modal-dialog {
    margin: 30px auto;
}

table {
    margin: 0 !important;
}

.navigation>li>a {
    font-weight: 400;
}

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

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

.page-title h4 {
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #3e4f6c;
}

.panel-footer > ul > li + li {
    margin-left: 0;
}

div.gridbox table.obj tr td a {
    border: 0;
    color: inherit;
    font-size: 13px !important;
}

div.gridbox table.obj tr td a i {
    color: #fff;
}

.odd_dhx_skyblue .rowselected {
    background-color: #fff3e0 !important;
}

div.dhxcombolist_dhx_skyblue {
    -moz-user-select: none;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    color: black;
    font-size: 12px;
    overflow-y: auto;
    position: absolute;
    transition: height 0.15s ease 0s;
    min-width: 150px;
    z-index: 9999 !important;
    box-shadow: 0 1px 4px 4px rgba(0,0,0,.05);
    border: 1px solid #ddd;
}

.modal-open .dhxcombolist_dhx_skyblue {
    z-index: 9999999 !important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option {
    border-bottom: 1px solid #E5EDF4 !important;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    height: 26px !important;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text {
    font-size: 11px !important;
    padding: 2px 10px !important;
    font-weight: 500;
}

div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected {
    background-color: #2196f3 !important;
    color: white;
    border: none !important;
}

div.gridbox table.obj td {
    font-size: 12px !important;
    font-weight: 500;
}

div.gridbox table.obj tr.rowselected td {
    font-size: 12px !important;
    font-weight: 500;
}

div.gridbox_dhx_skyblue.gridbox table.hdr td {
    font-size: 12px !important;
    font-weight: 400;
}

.paddingnone {
    padding: 0 !important;
}

.treegrid_cell {
    height: auto !important;
}

.dhx_combo_edit {
    height: auto !important;
}

.modal-header[class*="bg-"] {
    padding: 7px 20px;
}

.panel {
    min-height: 50px !important;
}

.panel-footer {
    min-height: 25px !important;
}

.animation-examples {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@keyframes animateBorderTwo {
    to {
        outline-color: #00717f;
        box-shadow: 0 0 0 2px #F2D694;
    }
}

.panelselector {
    outline: 2px dashed #F2D694;
    box-shadow: 0 0 0 2px #00717f;
    animation: 2s animateBorderTwo ease infinite;
}

#jsPanel-1 {
    position: fixed !important;
}

#jsPanel-2 {
    position: fixed !important;
}

#jsPanel-4 {
    position: fixed !important;
    top: 30% !important;
    width: 25% !important;
    margin: 0 auto;
}

#jsPanel-4 .jsPanel-content {
    width: 100% !important;
}

#jsPanel-4 .jsPanel-content .panel {
    width: 100% !important;
    height: 100% !important;
    padding: 10px;
    margin-bottom: 0;
    border: none;
}

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

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

.text-16 {
    font-size: 16px !important;
}

.f500 {
    font-weight: 500;
}

.dxtlNode {
    background-color: transparent !important;
    font-size: 12px !important;
}

.dxtlNode:hover {
    background-color: #dbecef !important;
}

.dxtlFocusedNode {
    background-color: #0277BD !important;
    color: #ffffff !important;
}

.dxtlFocusedNode:hover {
    background-color: #0277BD !important;
    color: #ffffff !important;
}

.dxtlFocusedNode span {
    color: #ffffff !important;
}

.dxtlControl {
    text-shadow: none !important;
}

.dxtlControl a {
    color: #fff !important;
}

.dxtlNode a {
    visibility: hidden;
}

.dxtlFocusedNode a {
    visibility: visible;
}

.dxtlCommandCell a {
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.53846;
    padding: 1px 4px 0;
    text-transform: uppercase;
    background-color: #E57373;
}

.dxtlCommandCell a:hover {
    background-color: #F44336;
}

.dxmSubMenuItemHover, .dxmSubMenuItemHoverWithImage, .dxmSubMenuItemHoverWithPopOutImage, .dxmSubMenuItemHoverWithImageWithPopOutImage, .dxmSubMenuRtlItemHover, .dxmSubMenuRtlItemHoverWithImage, .dxmSubMenuRtlItemHoverWithPopOutImage, .dxmSubMenuRtlItemHoverWithImageWidthPopOutImage {
    background-color: #00BCD4 !important;
    color: white !important;
    border: 0 solid #00BCD4 !important;
}

.dfs_submenu_outer {
    border: 1px solid #00ACC1 !important;
    background-color: #fff !important;
    padding: 5px !important;
    box-shadow: 0 0 5px #ddd !important;
}

#brule_treeouter {
    border: 0 !important;
}

.dxeEditAreaSys {
    color: #333;
}

.containerTableStyle {
    height: auto !important;
}

.containerTableStyle table tr {
    border-bottom: 1px solid #efefef;
}

.containerTableStyle table tr td table tr {
    border-bottom: none;
}

.containerTableStyle table tr td table tr .standartTreeRow {
    font-weight: 500;
    color: #303030;
    font-size: 12px;
}

.ui-igtree {
    overflow: initial;
}

.ui-igtree-node-nochildren {
    border-bottom: 1px solid #dddddd;
}

.ui-igtree-root {
    font-size: inherit;
    background-color: transparent !important;
}

.ui-widget {
    font-size: 13px !important;
}

.ui-igtree .ui-igcheckbox-normal {
    font-size: 0.9em !important;
}

.ui-igtree li {
    border-bottom: 0;
    line-height: 1.85em !important;
}

.ui-igtree-expander {
    top: 1.0em !important;
}

#processactivityTree ui-igtree {
    border: 1px solid #2196f3 !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 5px 5px;
}

#dvImageFile {
    overflow: auto;
    /* background-image:url(../images/Upload.svg) !important;*/
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f1f1f1;
}

#btnUserImageCropSave {
    background: #3b61eb;
    width: auto;
    padding: 8px 60px;
    border-radius: 4px;
    border: none;
    margin: 0 auto;
}

.ui-iggrid .ui-iggrid-footer, .ui-iggrid .ui-iggrid-toolbar {
    background-color: #f6feff !important;
}

.ui-iggrid-header {
    color: #2f3434 !important;
    height: 35px !important;
}

.ui-iggrid th, .ui-iggrid th.ui-state-default {
    border-right: 1px solid #dadada !important;
}

.ui-iggrid table th, .ui-iggrid table td {
    font-size: 13px !important;
    font-style: normal !important;
}

.ui-iggrid-filterrow {
    height: 30px !important;
    background-color: #f0f0f0 !important;
    border-bottom: 1px solid #dddddd !important;
}

.ui-iggrid-rowselector-header {
    border-bottom: 1px solid #dddddd !important;
}

.ui-iggrid .ui-iggrid-filtercell .ui-igedit {
    height: 30px !important;
    background-color: transparent !important;
}

.ui-iggrid td.ui-state-hover, .ui-iggrid .ui-ig-altrecord td.ui-state-hover, .ui-iggrid .ui-ig-altrecord td.ui-state-default.ui-state-hover, .ui-iggrid th.ui-iggrid-rowselector-class.ui-state-hover, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-hover, .ui-iggrid .ui-ig-altrecord th.ui-iggrid-rowselector-class.ui-state-default.ui-state-hover, .ui-iggrid-responsive-vertical tr>td.ui-state-hover:first-child, .ui-iggrid-responsive-vertical tr.ui-ig-altrecord>td.ui-state-hover:first-child {
    color: #444;
    background: #fff3e0 !important;
    border-color: transparent;
}

.ui-iggrid tr.ui-ig-altrecord {
    background-color: #ffffff !important;
}

.ui-iggrid td {
    border-right: 1px solid #dadada !important;
}

.ui-ightmleditor {
    background-color: #e5e5e5 !important;
    border: 1px solid #bcbcbc !important;
}

.ui-ightmleditor .ui-igtoolbar {
    background-color: #f1f1f1 !important;
    border: 1px solid #bcbcbc !important;
}

.ui-ightmleditor-content {
    padding: 0 !important;
}

.ui-ightmleditor-content iframe {
    border-bottom: 1px solid #bcbcbc !important;
    border-top: 1px solid #bcbcbc !important;
    border-left: 0 solid #dddddd !important;
    border-right: 0 solid #dddddd !important;
}

.ui-ightmleditor .ui-igtoolbars-holder {
    padding: 0 !important;
}

/* Stepy Header */
.stepy-header {
    background-color: #fcfcfc;
    border: 1px solid #dddddd;
    border-top: 1px solid #00bcd4;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

.dropdown-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);
}

.dropdown-menu ul.dropdown-menu {
    border: none !important;
}

.mn20 {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

.stepy-header li.stepy-active span {
    color: #00bcd6 !important;
    font-size: 15px;
}

.stepy-navigator {
    margin-left: -10px !important;
    margin-right: -10px !important;
    background-color: #e7f5f7;
    padding: 5px;
    border-radius: 3px;
    clear: both;
}

.stepy-step {
    padding: 0 20px !important;
}

.dsbtn:active .dropdown-content {
    display: none !important;
}

.padzero {
    padding: 0 !important;
}

.grid_del_icon {
    height: 16px;
    width: 16px;
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

/*Infragistics grid styles*/
.de_grid_header {
    font-weight: bold;
    height: 35px;
    border: 1px solid #dddddd;
    font-size: 14px;
    background-color: #ededed !important;
    color: #333;
}

.std_grid_row {
    background-color: white;
    height: 30px;
    border: 1px solid #dddddd;
}

.std_grid_alternate_row {
    background-color: #f9f9f9;
    height: 30px;
    border: 1px solid #dddddd;
}

.std_grid_selected_row {
    background-color: #0277BD;
}

.grid_filter_row_bg {
    background-color: #fcf7ef;
    border-bottom: 1px solid #c2bcb1;
    height: 30px;
}

.ipr_grid_filter_row {
    height: 25px;
    padding: 6px 12px;
}

.ipr_filter_dd_outer {
    border: 1px solid #00BCD4 !important;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    padding: 5px;
    border-radius: 3px;
}

.de_tb_unlock {
    background-position: center !important;
    background-image: url(../images/unlock.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
}

.de_tb_lock {
    background-position: center !important;
    background-image: url(../images/lock.png) !important;
    background-repeat: no-repeat !important;
    height: 20px;
    width: 20px;
}

.pane_header_bdr {
    border: 1px solid #dddddd !important;
    background-color: #f9fafc !important;
    border-radius: 3px 3px 0 0;
}

#ctrlDocumentFileUpload button {
    background: #F78A04;
    background: -moz-linear-gradient(left, #F78A04 0%, #F7A138 100%);
    background: -webkit-linear-gradient(left, #F78A04 0%,#F7A138 100%);
    background: linear-gradient(to right, #F78A04 0%,#F7A138 100%);
    -moz-user-select: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.53846;
    margin-bottom: 0;
    padding: 2px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    content: "\ecaa" !important;
    border-radius: 25px !important;
    transition: .5s;
    text-transform: uppercase;
}

#ctrlDocumentFileUpload button span {
    color: #fff;
}

#ctrlDocumentFileUpload button:hover {
    background: #f99111;
    background: -moz-linear-gradient(left, #F7A138 0%, #F78A04 100%);
    background: -webkit-linear-gradient(left, #F7A138 0%,#F78A04 100%);
    background: linear-gradient(to right, #F7A138 0%,#F78A04 100%);
    transition: .5s;
}

.rdonly_tb_st_01_white {
    border: 0 !important;
    background-color: transparent !important;
    color: white !important;
}

.rdonly_tb_st_01_black {
    border: 0 !important;
    background-color: transparent !important;
    color: #444 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px !important;
}

.ui-igedit-input, .ui-iggrid .ui-iggrid-pager .ui-igedit-input {
    border-radius: 3px !important;
}

.ui-igedit-input {
    color: black !important;
}

.ui-igcombo-wrapper {
    width: 100%;
    height: 28px !important;
}

.dx_GridHeader {
    height: 48px;
    background-color: #d1f2e4;
}

.dx_GridRow {
    height: 35px;
}

.dxgvControl {
    font-size: 13px;
}

.dfstabcontent {
    border: 1px solid #607d8b !important;
}

.dfstab_bdr_radius {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.fa {
    font-size: 15px !important;
}

.objbox .fa {
    font-size: 18px !important;
}

.helptext_outer {
    transition: height 0.1s ease 0s;
}

/*DFS List*/
.dfslist li {
    color: #333 !important;
}

.dfslist li a {
    color: #333 !important;
    padding: 6px 10px !important;
    min-height: 32px !important;
    border: 1px solid #dddddd;
    margin: 3px;
}

.dfslist li a:hover {
    color: #333 !important;
}

.inb_datlist {
    width: 100% !important;
    border: 1px solid #bdecf2;
}

.inb_datlist td {
    vertical-align: top !important;
    border-bottom: 0 solid #bdecf2 !important;
    border-left: 1px solid #bdecf2 !important;
    padding: 10px !important;
}

.inb_datlist tr td span a {
    padding-right: 4px !important;
}

.inb_datlist tr:hover {
    background-color: #f5f5f5;
}

.display_in {
    display: inherit !important;
}

.inb_datlist1 {
    width: 66px !important;
}

#dvDataLst table {
    width: 100% !important;
}

.gridcell a {
    padding-right: 4px !important;
}

.dhx_cal_tab.active {
    background-color: #319db5 !important;
    color: #ffffff !important;
    border: 1px solid #CECECE;
}

.dhx_scale_bar {
    background-color: #319db5 !important;
    color: white !important;
    height: 50px !important;
}

.dhx_now .dhx_month_body, .dhx_now .dhx_month_head {
    background-color: #9575cd !important;
}

.dhx_cal_today_button {
    background-color: #319db5 !important;
    color: #ffffff !important;
}

.dhx_cal_event_clear, .dhx_cal_event_line {
    text-decoration: none !important;
    color: white !important;
    padding: 5px 0 5px 5px !important;
    list-style: none !important;
    background-color: #a58bd3 !important;
    margin-left: 5px !important;
    border-radius: 2px !important;
    height: 13px !important;
    border: 0 !important;
}

.ui-igedit-container {
    width: 100%;
    height: 28px;
}

.stepy-header li div {
    width: 65px !important;
}

.heading-elements .heading-text, .heading-elements .heading-btn, .heading-elements .ui-slider, .heading-elements .noui-slider, .heading-elements .nav-tabs, .heading-elements .nav-pills, .heading-elements .pagination, .heading-elements .progress, .heading-elements .icons-list, .heading-elements .breadcrumb, .heading-elements .pager, .heading-elements .heading-form, .heading-elements .daterange-custom, .heading-elements > .btn-group {
    margin-left: 5px !important;
}

.dfsexp_btn a {
    margin-bottom: 10px;
    padding: 3px 28px !important;
    min-width: 25px;
    border-radius: 25px;
    border: 1px solid #ddd;
    background-color: transparent;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
    margin: 6px 1px;
    display: inline-block;
}

.dxgvCommandColumn .dxgv a {
    display: inline-block;
    font-weight: 500;
    padding: 1px 4px 0 4px;
    line-height: 1.5384616;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.1px;
    border-radius: 2px;
    background-color: #00BCD4;
}

.dxtcActiveTab {
    height: 40px !important;
}

.dxtcTab {
    height: 40px !important;
    background-color: #607d8b !important;
    padding: 10px 12px 10px !important;
    color: white !important;
}

.page-title i ~ small.display-block {
    margin-left: 0 !important;
}

.expmenu li a {
    color: #333 !important;
    padding: 6px 10px !important;
    min-height: 32px !important;
    border-bottom: 1px solid #fff3e0;
}

.category-title > span {
    font-size: 14px !important;
    font-weight: 500;
}

.exptitle {
    padding: 0 !important;
}

.expmenu li a i {
    width: 25px;
}

#accordion-controls > .panel-group {
    margin-bottom: 0 !important;
}

.content-group-lg {
    margin-bottom: 0 !important;
}

.panel {
    min-height: 42px !important;
}

.panel-heading {
    padding: 10px 20px !important;
}

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

/*tab*/
.nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus {
    background-color: #5c6bc0 !important;
    border-color: transparent !important;
    top: 0 !important;
}

.nav-tabs.nav-tabs-solid {
    background-color: #d8dcf0 !important;
}

.tab-content-bordered .tab-content:not([class*="bg-"]) {
    border-color: #ddd;
    border: none !important;
}

.readonly_ctrl {
    opacity: 0.4 !important;
    filter: alpha(opacity=40) !important;
}

#gridtoolbarbtn .btn {
    margin-left: 0 !important;
}

#gridtoolbarbtn .btn-group {
    border: 1px solid #08a7bb !important;
}

#gridtoolbar select {
    width: 150px !important;
    float: right;
}

#gridtoolbar input[type=text] {
    width: 118px !important;
}

#gridtoolbar .input-group {
    width: 150px !important;
}

@media (max-width: 800px) {
    #gridtoolbar input[type=text] {
        width: 100% !important;
    }

    #gridtoolbar .input-group {
        width: 100% !important;
    }

    #gridtoolbar select {
        width: 100% !important;
    }

    #ui-id-1 {
        z-index: 99999999;
    }
}

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

#rightFrame #form1 {
    height: 100% !important;
    background-color: #EDEDED;
}

/*DFS expresson css for large expression texts*/
.dxtlNode td.dxtl, .dxtlAltNode td.dxtl, .dxtlSelectedNode td.dxtl, .dxtlFocusedNode td.dxtl, .dxtlEditFormDisplayNode td.dxtl, .dxtlCommandCell {
    padding: 3px 6px 4px;
    border: 1px solid #cfcfcf;
    white-space: normal !important;
    overflow: hidden;
    width: auto !important;
}

/*Ispace grid styles*/
.navbarpad li a {
    padding: 2px 5px !important;
}

.datatable-footer {
    padding: 0 !important;
    border-radius: 3px !important;
}

/* ig tree*/
#expTree .ui-state-active a {
    background-color: #0277BD !important;
    color: #ffffff !important;
    border: 0 !important;
    padding: 5px !important;
    display: inline-block !important
}

#expTree .ui-state-active, #expTree .ui-widget-content .ui-state-active, #expTree .ui-widget-header .ui-state-activea {
    background-color: #0277BD !important;
    color: #ffffff !important;
    border: 0;
    padding: 5px !important;
    display: inline-block !important;
}

#expTree .ui-state-active a div {
    background-color: transparent !important;
}

#expTree .ui-state-hover {
    background-color: #dbecef !important;
    border: 0 !important;
    font-style: normal !important;
}

#expTree .ui-state-active, #expTree .ui-widget-content .ui-state-active, #expTree .ui-widget-header .ui-state-active {
    border: 0 !important;
    background-image: none !important;
}

/**/
.custom-fixed-header {
    position: fixed !important;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid rgb(79 94 119 / 20%)!important;
    background-color: #fff !important;
}

.header-bottom {
    margin: 0 0 45px 0 !important;
    display: inline-block
}

.breadcrumbCustom {
    padding: 12px 18px 12px 0 !important;
}

.breadcrumbCustom i {
    font-size: 16px;
    color: #404040;
}

.breadcrumbCustom h4 {
    font-size: 14px;
    color: #606060;
    line-height: 16px;
}

#designStudioMenu .breadcrumbCustom {
    padding: 5px 18px 5px 0 !important;
}

#designStudioMenu .breadcrumbCustom h4 {
    font-size: 13px;
    color: #484444;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

#designStudioMenu .breadcrumbCustom h4 i {
    font-size: 12px !important;
}

#designStudioMenu .CutomMargin {
    margin-top: 28px;
}

/*TabCustomStyle*/
.gobalTab.ForIspace {
    position: relative;
    overflow: hidden;
}

.gobalTab.ForIspace .tab-content::before {
    content: '';
    background-color: #fff;
    position: absolute;
    width: 3000px;
    top: 46px;
    left: 0;
    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;
}

.memberonline span {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.memberonline .text-size-small {
    color: #ffffff;
}

.processTab>.tab-content {
    background-color: transparent !important;
    border: none !important;
}

.processTab .panel {
    background-color: transparent;
    position: relative;
    color: #5b5b60;
    border: 1px solid rgba(0,0,0,.12);
}

.processTab .panel-heading {
    margin: 0;
    padding: 12px 16px 0 !important;
}

.processTab .panel-heading h5 {
    font-size: 20px;
    font-weight: 400;
}

.processTab .panel-heading h5 span {
    font-size: 17px;
    font-weight: 600;
}

.processTab .panel-body {
    padding: 10px;
}

.processTab .panel-flat > .panel-heading + .panel-body {
    padding-top: 10px;
}

.processTab .table-responsive .table {
    border-spacing: 0 5px;
    border-collapse: separate;
}

.processTab .table-responsive .table tr td {
    background: #f3f0f1;
    background: -moz-linear-gradient(top,#f3f0f1 0,#eee 100%);
    background: -webkit-linear-gradient(top,#f3f0f1 0,#eee 100%);
    background: linear-gradient(to bottom,#f3f0f1 0,#eee 100%);
    padding: 15px 8px;
    border-bottom: 1px solid #e2e2e4 !important;
    border: none ;
    color: #4a4a4a!important;
    border-top: none;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.processTab .table-responsive .table tr td:after {
    content: '';
    width: 1px;
    background: #d0d0d0;
    right: 0;
    top: 5px;
    bottom: 5px;
    position: absolute;
}

.processTab .table-responsive .table tr td:last-child:after {
    background: 0 0 !important;
}

.processTab .table-responsive .table tr td:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #e2e2e4;
}

.processTab .table-responsive .table tr td:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.processTab .table-responsive .table tr th {
    font-size: 13px;
    font-weight: 600;
    color: #5b5b60!important;
    padding: 8px;
    border-bottom: none;
    border: none;
}

.processTab .table {
    margin: 0;
    border: none;
}

.processTab .memberonline {
    margin-bottom: 10px;
}

.processTab .wizard-indigo .panel-body {
    padding: 20px 12px;
    border: none;
}

.processTab .badgeRegular {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 4px 2px 4px;
    line-height: 14px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
}

.processTab .badgeCustomgreen {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

.processTab .badgeCustomred {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}

.processTab .status h4 {
    padding: 10px;
    border-bottom: 1px solid #fd6599;
    margin: 0;
    font-size: 15px;
    color: #fff;
}

.demo1 {
    width: 100%;
    height: 400px;
}

.demo1.width {
    width: 230px;
}

.demo1.height {
    height: 200px;
}

/*****CUSTOMMODEL*****/
.modal {
    z-index: 10010;
    overflow: hidden !important;
}

.CustomModel {
    border: none;
    border-radius: 0;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 15px;
}

.CustomModel .CustomHeader.modal-header {
    padding: 0 10px !important;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CustomModel .CustomHeader.modal-header::before {
    content: '';
    position: absolute;
    width: 46px;
    height: 42px;
    border-radius: 4px;
    background-color: #3b61eb;
    background-image: url(../images/DesignStudio/ModalCommonIcon.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 19px;
}

.CustomModel .CustomHeader.modal-header h4 {
    font-size: 17px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 17px;
    margin: 0;
    position: relative;
    padding-left: 70px;
}

/*.CustomModel .CustomHeader.modal-header .close{ color: #fff; margin: 0 !important; opacity: 1; width: 24px; height: 24px; top: 50%; right: 0; transform: translateY(-50%); background-image:url(../images/DesignStudio/Model_Close.png);}*/
.CustomModel .CustomHeader.modal-header .close {
    position: absolute;
    right: 1px;
    top: 0;
    margin-top: 0;
}

.close i {
    font-size: 16px;
    float: left;
    left: 3px;
    top: 0px;
}

.CustomModel .modal-body {
    padding: 0;
}

.CustomModel .modal-body .content {
    padding: 10px 10px !important;
}

.CustomModel .modal-footer {
    padding: 0 !important;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    grid-gap: 10px;
}

.CustomModel .modal-footer button {
    padding: 8px 12px;
    font-size: 15px;
    color: #616f87;
    font-weight: 500;
    line-height: 18px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #8e8e8e;
    width: 150px;
}

.CustomModel .modal-footer button.CustomSucess {
    background-color: #3b61eb;
    color: #fff;
    border: 1px solid transparent;
    font-weight: 400;
}

/*******MODEL BUTTON*******/
.CustomModel .modal-footer .CustomDelete {
    background-color: var(--main-bgDanger-color);
    border-color: var(--main-bgDanger-color);
}

.CustomModel .modal-footer .Customvalidation {
    background-color: #5C6BC0;
    border-color: #5C6BC0;
}

.CustomModel .modal-footer .CustomImport {
    background-color: #3b61eb;
    color: white;
}

/*******MODEL BUTTON*******/
/*****CUSTOMMODEL*****/
.CustomModel .modal-footer button i {
    font-size: 0 !important;
}

.CustomModel .form-group {
    margin-bottom: 21px;
    display: inline-block;
    width: 100%;
}

.CustomModel .control-label {
    font-size: 14px;
    margin-bottom: 6px !important;
    color: #555555;
}

.CustomModel .tab-content > .has-padding .panel-body {
    padding: 0;
}

.CustomModel .content-wrapper {
    z-index: 5;
    position: relative;
    background-color: #fff;
    padding-bottom: 0;
}

.CustomModel .sidebar-secondary {
    z-index: 1;
}

.CustomModel .model-body input[type="checkbox"] {
    margin: 4px 7px 5px 0 !important;
    float: left !important;
}

.CustomFormDesign .CustomModel .BgGrid label {
    color: #fff;
    font-size: 10px;
    margin-bottom: 6px;
}

/*****CUSTOMMODEL*****/
/*****CUSTOMMODEL*****/
.modal {
    z-index: 10010;
    overflow: hidden !important;
}

.CustomModelDesignStudio .modal-content {
    border: none;
    border-radius: 0;
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 15px;
}

.CustomModelDesignStudio .modal-header {
    padding: 0 10px !important;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CustomModelDesignStudio .modal-header::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #3b61eb;
    background-image: url(../images/DesignStudio/ModalCommonIcon.png);
    background-repeat: no-repeat;
    background-position: 50%;
}

.CustomModelDesignStudio .modal-header h4 {
    font-size: 17px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 17px;
    margin: 0;
    position: relative;
    padding-left: 70px;
}

.CustomModelDesignStudio .modal-header .close {
    color: #fff;
    margin: 0 !important;
    opacity: 1;
    width: 24px;
    height: 24px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url(../images/DesignStudio/Model_Close.png);
}

.CustomModelDesignStudio .modal-header .close i {
    font-size: 16px;
    float: left;
    left: 3px;
    top: 0px;
    display: none;
}

.CustomModelDesignStudio .modal-body {
    padding: 0;
}

.CustomModelDesignStudio .modal-body .content {
    padding: 20px 10px !important;
}

.CustomModelDesignStudio .modal-body .content.DesignStudioCustomTable .panel-heading .heading-elements a {
    background-color: #e6f1ff;
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    border-radius: 10px;
    padding: 10px 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 {
    padding: 0 !important;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    grid-gap: 10px;
}

.CustomModelDesignStudio .modal-footer button {
    padding: 12px 12px;
    font-size: 15px;
    color: #616f87;
    font-weight: 500;
    line-height: 18px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #8e8e8e;
    width: 150px;
}

.CustomModelDesignStudio .modal-footer button.CustomSucess {
    background-color: #3b61eb;
    color: #fff;
    border: 1px solid transparent;
    font-weight: 400;
}

/*****CUSTOMMODEL*****/
/****DSTOPMENU*****/
.inner {
    margin: 0 auto;
}

.navbar-component.dstopmenu {
    border: none !important;
    background-color: #fff;
    min-height: 26px;
}

/*.dstopmenu>ul {width:100%;}
.dstopmenu>ul>li{ float:left;}         
.dstopmenu>ul>li>a {position: relative; display: block; padding: 16px; padding-right: 0 !important; font-size: 13px; text-align: center; color: #4c4c4c; cursor: pointer;}
.dstopmenu>ul>li>a:hover { background: none;}
.dstopmenu>ul>li>a:focus { background: none;}
.dstopmenu>ul>li>a.active { color: #0198ff !important;}
.dstopmenu .dropdown-menu li a:before, .dstopmenu .dropdown-menu a:after{display: none;}
.dstopmenu .navbar-nav {margin-left:0; z-index: 105;}
.dstopmenu .navbar-nav li a {padding: 6px 13px !important; line-height: 14px; font-size:11px; text-transform: uppercase; font-weight:600;}
.dstopmenu .navbar-nav li a:hover{background: rgba(230, 230, 230, 0.5);}
.dstopmenu .navbar-nav li.open a{color:#4c4c4c;}
.dstopmenu li .dropdown-menu{ min-width:0; border-bottom: 1px solid #0198ff !important; border-left: 1px solid #0198ff !important; border-right: 1px solid #0198ff !important; padding: 0; width: auto; box-shadow: 0 5px 10px rgba(0,0,0,.175); border-radius:0;} 
.dstopmenu li ul li { float:left; min-width:100%; border-bottom: 1px solid #cecece; margin-bottom: 0;}  
.dstopmenu .navbar-nav li ul li a{padding: 8px 11px !important; float: left; width: 100%;}
.dstopmenu .navbar-nav li ul li a i{float: left; font-size: 17px; color: #5c6bc0;}
.dstopmenu .navbar-nav li ul.dropdown-menu li a span{ float: left; font-size: 11px; font-weight: 600; color: #313131; text-transform: capitalize; letter-spacing: 0.5px; }
.dstopmenu .navbar-nav li ul.dropdown-menu li:hover a i{color: #fff;}
.dstopmenu .navbar-nav li ul.dropdown-menu li:hover a span{color: #0198ff;}*/
.CustomFixed {
    width: 100%;
    position: fixed;
    z-index: 5;
}

.CustomFixed .page-header-content {
    border: none !important;
    background-color: #fff;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

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

.CustomFixed .page-header-content .mainHeading h4 {
    font-size: 17px;
    font-weight: 400;
    color: #2c2c2c;
    line-height: 22px;
}

.CustomFixed .page-header-content .mainHeading h5 label {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    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: 0;
    right: 6px;
}

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

.External .CustomFixed .heading-elements {
    background-color: transparent;
    position: absolute;
    right: 15px;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    top: 50% !important;
    transform: translateY(-50%);
    height: 36px;
    grid-gap: 10px;
}

.External .CustomFixed #dvIspaceMenu.heading-elements {
    top: 53px;
}

#dvIspaceMenu ul.nav li .heading-btn {
    margin-left: 0 !important;
}

.CustomFixed .breadcrumb-elements {
    float: left;
    margin-right: 0;
}

.CustomFixed .breadcrumb-line {
    padding: 8px 8px;
    height: 48px;
}

.CustomFixed .heading-elements .form-group {
    margin-top: 2px;
}

/*.CustomFixed .heading-elements .form-group .input-group{margin-top:0 !important; width:208px;}*/
#dvDataFusionStudio .content {
    padding: 0 !important;
}

.zIndex {
    z-index: 3
}

.btn.btn-xs {
    height: 25px;
    line-height: 17px;
    border-radius: 25px;
    padding: 4px 16px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    transition: .3s;
    position: relative;
    overflow: hidden;
    font-weight: 500 !important;
    margin: 0 !important;
}

.btn.btn-xs i {
    position: relative;
    top: 0;
    font-size: 13.5px !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .3s;
    left: 0;
}

.btn.btn-xs:hover i {
    left: -5px;
    transition: 0.3s;
    position: relative;
}

div.dhxcombo_dhx_skyblue {
    background-color: white;
    border: 1px solid #cacaca;
    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;
}

div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    font-size: 13px !important;
    width: 100% !important;
    background-color: white;
    border: 0 solid white;
    color: black;
    height: 26px;
    left: 1px;
    line-height: 21px;
    margin: 0 0 0 2px;
    outline: 0 solid white;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: middle;
    padding-left: 10px;
}

div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
    -moz-user-select: none;
    background-color: transparent !important;
    border: 0 solid #a4bed4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0;
    width: 25px;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue {
    background-color: rgb(59 97 235 / 65%);
    border: none;
    font-size: 1px;
    height: 31px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    line-height: 1.53846;
    min-width: 100px;
    width: 100% !important;
    border-radius: 25px;
    box-shadow: none;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    font-size: 13px !important;
    width: 100% !important;
    background-color: transparent;
    border: none;
    color: #fff;
    height: 36px;
    left: 1px;
    line-height: 21px;
    margin: 0 0 0 2px;
    outline: none;
    padding: 0;
    position: relative;
    top: 0;
    vertical-align: middle;
    padding-left: 10px;
    font-weight: 500;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img {
    background-color: transparent !important;
    background-image: url(../images/DesignStudio/SelectArrowWhite.png);
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
    -moz-user-select: none;
    background-color: transparent !important;
    border: 0 solid #a4bed4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    background: none;
}

#comboSearchTypes div.dhxcombo_dhx_skyblue div.dhxcombo_top_image {
    height: 28px;
}

/*.heading-elements .input-group.input-group-xs input[type="text"]{height:26px; border-radius: 25px 0 0 25px; width: 170px; font-weight: 500; box-shadow: 0 1px 4px 0 rgba(0,0,0,.09); border: 1px solid #eaeaea;}
.heading-elements .input-group.input-group-xs .input-group-btn{float:left;} 
.heading-elements .input-group.input-group-xs a.btnSearch{padding: 3px 10px 2px 10px; border-radius: 0 20px 20px 0; border: none; line-height: 11px; height:26px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);}
.heading-elements .input-group.input-group-xs a.btnSearch i{font-size: 14px !important; position: relative; top: 2px;}*/
/****DSTOPMENU*****/
#frRule .CustomFixed {
    position: static;
}

#frRule .CutomMargin {
    margin-top: 0;
}

#frRule .heading-elements {
    position: absolute !important;
    top: 5px !important;
}

/*************************************************************************CUSTOMGRID DESIGN******************************************************************************/
.CustomTable .panel {
    background-color: transparent;
    border-bottom-color: #76d6d4;
    border: none !important;
    box-shadow: none !important;
    padding-top: 15px;
}

.CustomTable .datatable-header {
    border: none !important;
    padding: 0;
}

.CustomTable div.gridbox {
    width: 100% !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.18) !important;
}

.CustomTable div.gridbox .objboxParent {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border-bottom: 1px solid var(--main-Gridbg-color);
    background-color: #fff;
    border: none;
    border-top: none;
}

/*.CustomTable div.gridbox .objboxParent::after{content: ''; position: absolute;width: 100%;height: 1px;background: linear-gradient(to right,#3d97cc 0%,#01c0c8 100%);left: 0;right: 0;bottom: 0;-webkit-animation: newregbtn 2s ease infinite;-moz-animation: newregbtn 2s ease infinite;animation: newregbtn 2s ease infinite;background-size: 400% 400%;}*/
.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: #fff;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .CustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background: linear-gradient(to right,#01c0c8 0%,#429ed4 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: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.CustomTable div.gridbox table.hdr td {
    padding: 5px 0;
    border: none !important;
    vertical-align: middle;
}

.CustomTable .xhdr {
    height: 35px !important;
    border-radius: 4px 4px 0 0 !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: none !important;
    border-left: 1px solid rgba(2,191,200,.25) !important;
}

.CustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child {
    border-left: none !important;
}

.CustomTable .ev_dhx_skyblue td {
    border: none !important;
}

.CustomTable .ev_dhx_skyblue {
    background-color: #fff !important;
}

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

.CustomTable div.gridbox_dhx_skyblue.gridbox table.obj {
    border: none !important;
}

.CustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: none !important;
    border-bottom: 1px solid hsla(202,63%,54%,.25) !important;
    border-top: none !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: none!important;
}

/*.mainCustomTable .panel{border: 1px solid #dddddd !important; float: left; width: 100%; margin-bottom: 0; padding: 0; border-radius: 0; box-shadow: none !important;}
*/
.mainCustomTable .panel {
    border: 1px solid #dddddd !important;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none !important;
    position: relative;
}

.mainCustomTable .panel-heading {
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding: 7px 20px !important;
    float: left;
    width: 100%;
    margin: 0;
    z-index: 1;
}

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

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

.mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    line-height: 24px !important;
    color: #3b61eb !important;
    background-color: transparent !important;
    padding: 7px 10px !important;
    border-radius: 5px;
    border: 3px solid #ebeffd !important;
}

.mainCustomTable .panel-heading .Group-GridActionBtn a.GridActionBtn.active {
    background-color: #ebeffd !important;
}

.mainCustomTable .panel-heading h5 {
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    display: inline-block;
    padding: 11px 0;
}

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

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

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

.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: #1a1a1a;
    padding: 5px 10px;
    display: flex !important;
    height: 32px;
    box-shadow: none;
    align-items: center;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a:hover {
    background-color: #e6f1ff;
    border-radius: 10px;
}

/*.mainCustomTable .panel-heading .heading-elements > ul > li > a i{padding-right:10px;}*/
.mainCustomTable .panel-heading .heading-elements > ul > li > a i svg {
    width: 17px;
    height: 17px;
}

.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: #f5f6f8;
    border-radius: 10px;
    padding: 0 !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Filter > a i {
    width: 40px;
    height: 32px;
    display: flex;
    padding: 0;
    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: #fff;
    border-radius: 10px;
    right: 0;
    left: auto;
    padding: 6px 25px 15px;
    margin: 2px 0;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 12px rgb(0 0 0 / 6%);
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a {
    width: 40px;
    height: 32px;
    background-color: #f5f6f8;
    border-radius: 10px;
    padding: 0 !important;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting > a i {
    width: 40px;
    height: 32px;
    display: flex;
    padding: 0;
    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: #fff;
    border-radius: 10px;
    right: 0;
    left: auto;
    padding: 8px 12px 8px;
    margin: 2px 0;
    border: 1px solid #dce4ff;
    box-shadow: 0 1px 12px rgb(0 0 0 / 6%);
}

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

.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: #1a1a1a;
    padding: 8px 5px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
}

.mainCustomTable .panel-heading .heading-elements > ul > li.Setting ul.dropdown-menu li a:hover {
    background-color: #f0f3fd;
    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;
    grid-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: #e6f1ff;
    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: #1a1a1a;
    line-height: 17px;
    display: inline-block;
}

.mainCustomTable .panel-heading .heading-elements > ul > li .input-group {
    margin: 0;
    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: none !important;
}

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

.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: #1a1a1a;
    border-radius: 3px 0 0 3px;
    border: 1px solid #e5e5e5;
    border-right: none;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .ActionBtn {
    display: flex;
    grid-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: #1a1a1a;
    border: 1px solid #3b61eb;
    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: #3b61eb;
    color: #fff;
    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: none !important;
}

.mainCustomTable .panel-heading .heading-elements > ul.Org_Structure > li .heading-form .form-group .input-group .input-group-btn {
    border: 1px solid #8e8e8e85 !important;
    border-radius: 0 3px 3px 0;
    background-color: #fff;
}

.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: #fff !important;
    border: 1px solid #8e8e8e !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: none !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: 0 3px 3px 0;
    border: 1px solid #e5e5e5;
    border-left: none;
}

.mainCustomTable .panel-heading .heading-elements ul li .input-group-btn a {
    display: inline-block;
    padding: 5px;
    color: #6a727d;
}

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

.mainCustomTable .panel-heading .filters span a {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    color: #9a9a9a;
    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 #ddd;
    margin-bottom: 15px;
}

.mainCustomTable .panel-heading .filters .FilterTitle label {
    color: #3d3b3b;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin: 0;
}

.mainCustomTable .panel-heading .filters .FilterTitle a {
    font-size: 15px;
    font-weight: 500;
    color: #3d3b3b;
    line-height: 15px;
    background-color: #f0f3fd;
    padding: 4px 18px;
    border-radius: 8px;
}

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

.mainCustomTable .panel-heading .filters span.RemoveFilter a {
    border: none;
    width: 100%;
    height: auto;
    font-size: 17px;
    font-weight: 400;
    color: #3d3b3b;
    grid-gap: 10px;
    padding: 4px 10px;
    background-color: #fdeeed;
    height: 35px;
}

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

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

/*.mainCustomTable .panel-body{padding: 0 25px !important; float: left; width: 100%; position:inherit;height: calc(100vh - 300px);overflow-y:auto;}
*/
.mainCustomTable .panel-body {
    padding: 5px 10px !important;
    height: calc(100vh - 210px);
    overflow-y: hidden;
}

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

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

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    padding-left: 0;
    color: #fff;
}

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div.hdrcell {
    font-weight: 500;
    font-size: 14px;
    color: #1a1a1a;
    text-align: left;
    padding: 0 16px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .mainCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: #f5f6f8;
    background-image: none;
    position: inherit !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox {
    width: 100% !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 {
    margin-bottom: 0 !important;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    color: #1a1a1a;
    padding: 0 12px;
}

div.gridbox table.row20px tr td a {
}

div.gridbox table.row20px tr td a {
}

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

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

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

.mainCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td {
    border: none !important;
    font-weight: 500;
    border-left: 1px solid #f0f0f1 !important;
}

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

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

.mainCustomTable .ev_dhx_skyblue td {
    border: none !important;
}

.mainCustomTable .ev_dhx_skyblue {
    background-color: #fff !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: none !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: none !important;
    border-top: none !important;
    border-bottom: 1px solid #f0f0f1 !important;
}

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

.mainCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: none !important;
    border-bottom: 1px solid #f0f0f1 !important;
    border-top: none !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-size: 13px !important;
    font-weight: 400;
    color: #303030;
    padding: 0;
    background-color: #fff !important;
    padding: 0 16px !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a {
    color: #3b61eb !important;
    font-weight: 500;
}

.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: #3b61eb;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-trash path {
    fill: #f44336;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td a i.fa-plus path {
    fill: #2b8c15;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record svg path {
    fill: #f44336;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal svg path {
    fill: #3b61eb;
}

.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: #fafafb !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .treegrid_cell a {
    font-size: 14px;
    color: #3b61eb !important;
    font-weight: 400;
}

.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: #ffffff;
    border: 1px solid #3b61eb;
    font-size: 13px;
    color: #202020;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-view-record b {
    top: 0;
    border-radius: 0 !important;
    padding: 5px 7px;
    background-color: #3b61eb;
    border-radius: 0 4px 4px 0;
}

.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: 0;
    line-height: 16px;
    font-weight: 600;
    padding: 0 3px 0 3px;
    border: none;
    color: #26282e;
}

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

/*.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record,
.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal{width: 42px; height: 42px; background-color: #f8f8f9; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow:none;}*/
.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 div.gridbox_dhx_skyblue.gridbox table.obj tr td .ajax-delete-record i{font-size:0 !important; background-image:url(../images/DesignStudio/GridDelete.png); background-size: 18px; width: 18px; height: 22px;}*/
/*.mainCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td .edit-milestone-modal i{font-size:0 !important; background-image:url(../images/DesignStudio/Editor.svg); background-size: 18px; width: 18px; height: 18px;}*/
.mainCustomTable .panel-footer {
    border-radius: 0;
    float: left;
    width: 100%;
    position: relative;
    padding: 13px 8px;
    box-shadow: none;
    border: none;
    background-color: #e5e5e5 !important;
    border: 1px solid #dddddd;
}

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

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

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

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

.mainCustomTable .panel-footer ul li {
    border-radius: 0 25px 25px 0;
    padding: 5px 10px;
    line-height: 16px;
    margin: 0;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    border: none;
    background-color: transparent;
    height: 24px !important;
    border-left: 1px solid #dfdfdf;
    margin-left: 15px;
}

.mainCustomTable .panel-footer ul li span {
    font-size: 14px;
    color: #757575;
    font-weight: 500;
}

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

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

.mainCustomTable .panel-footer ul.pull-right li {
    margin: 0 !important;
    border: none !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 {
    background-color: transparent;
    padding: 0 !important;
    border-radius: 0;
    background: none;
    float: left;
}

.mainCustomTable .panel-footer ul.pull-right > li a {
    padding: 0 4px;
    line-height: 12px;
    opacity: 1;
    border: 1px solid #f1f1f3 !important;
    min-width: 0;
    background-color: #fff;
    float: left;
    margin: 0 3px;
    border-radius: 6px;
    height: 28px;
    width: 28px;
}

.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: #959595;
    padding: 5px 0;
    font-size: 15px !important;
}

.mainCustomTable .odd_dhx_skyblue td {
    border: none!important;
}

.mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .mainCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr {
    background-color: #76D6D4 !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: #303030;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(2) {
    color: #4caf50;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr:nth-child(2) td:nth-child(3) {
    background-color: #f7fbff !important;
    border: none !important;
    color: #1a1a1a !important;
}

.mainCustomTable.Col_Style_One div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(3) {
    background-color: #f7fbff !important;
    border: none !important;
    color: #3b61eb !important;
}

.CustomProcessList .page-header {
    margin: 0 10px !important;
}

.CustomProcessList .page-header .page-header-content {
    padding: 0 10px;
}

.CustomProcessList .content #dvVersionSelection {
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
}

.InboxCustomTable .panel {
    border-bottom-color: #76d6d4;
    border: 1px solid #ddd !important;
    border-bottom: none;
    float: left;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
}

.InboxCustomTable .panel-heading {
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding: 13px 20px 13px !important;
    float: left;
    width: 100%;
    margin: 0;
}

.InboxCustomTable .panel-body {
    padding: 0 !important;
    float: left;
    width: 100%;
}

.InboxCustomTable div.gridbox .objbox {
    border-top: none;
}

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

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    color: var(--main-primarytext-color);
    padding-left: 0;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox .ftr, .InboxCustomTable div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: #5c6bc0;
    background-image: none !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
}

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

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.hdr tr td label {
    margin-bottom: 0;
    font-size: 14px;
    color: #202020;
    font-weight: 500;
}

.InboxCustomTable div.gridbox table.hdr td {
    padding: 14px 0;
    border: none !important;
}

.InboxCustomTable .xhdr {
    height: 44px !important;
    border-radius: 0 !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td {
    border: none !important;
    border-left: 1px solid rgba(92, 107, 192, 0.28) !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:first-child {
    border-left: none !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td:last-child {
    border-right: none !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td a {
    color: #00bcd4 ;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isModern table.obj tr td a.processlnk i {
    color: var(--main-InboxGrid-color) !important;
}

.InboxCustomTable .ev_dhx_skyblue td {
    border: none !important;
}

.InboxCustomTable .ev_dhx_skyblue {
    background-color: #fff !important;
}

.InboxCustomTable .odd_dhx_skyblue {
    background-color: rgba(92, 107, 192, 0.08) !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj {
    border: none !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: none !important;
    border-bottom: 1px solid rgba(92, 107, 192, 0.28) !important;
    border-top: none !important;
}

.InboxCustomTable div.purpleBG.gridbox_dhx_skyblue.gridbox table.obj tr {
    border: none !important;
    border-bottom: 1px solid rgba(150, 117, 206, 0.25) !important;
    border-top: none !important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 42px;
    position: relative;
}

.InboxCustomTable div.gridbox_dhx_skyblue.gridbox table.obj tr td img {
    margin: 0 auto;
}

.InboxCustomTable div.gridbox table tr td:hover {
    background-color: transparent !important;
}

.InboxCustomTable .panel-footer {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    border-bottom: 1px solid #5c6bc0;
    border-radius: 0;
    float: left;
    width: 100%;
}

.InboxCustomTable .panel-footer div select {
    border-color: var(--main-InboxGrid-color);
}

.InboxCustomTable .panel-footer ul li {
    padding: 13px 0 !important;
}

.InboxCustomTable .panel-footer ul.pull-right li {
    padding: 12px 0 !important;
}

.InboxCustomTable .panel-footer ul li span {
    font-size: 14px;
    color: #303030;
}

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

.InboxCustomTable .panel-footer ul li a {
    padding: 0 4px;
    line-height: 12px;
    opacity: 1;
    border: none !important;
    min-width: 0;
}

.InboxCustomTable .panel-footer ul li a:hover, .InboxCustomTable .panel-footer ul li a:focus {
    background-color: transparent !important;
    box-shadow: none !important;
}

.InboxCustomTable .panel-footer ul li a i {
    width: 23px;
    height: 23px;
    background-color: var(--main-InboxGrid-color);
    color: var(--main-primarytext-color);
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
    border: 1px solid var(--main-InboxGrid-color);
}

.InboxCustomTable .odd_dhx_skyblue td {
    border: none!important;
}

.InboxCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr, .InboxCustomTable div.gridbox_dhx_skyblue.isIE table.hdr tr {
    background-color: #76D6D4 !important;
}

.InboxCustomTable .panel-heading .filters span .label-default[href]:hover, .InboxCustomTable .panel-heading .filters span .label-default[href]:focus {
    background-color: var(--main-filterallapfz-color);
    color: var(--main-filterallapfztext-color);
    opacity: .85;
    filter: alpha(opacity=85);
}

.CustomTable .ui-iggrid-table {
    border: 1px solid #ddd;
    width: 100% !important;
}

.CustomTable .ui-widget-header.ui-helper-reset {
    border: none !important;
    background: linear-gradient(to right,#01c0c8 0%,#429ed4 100%);
    height: 34px !important;
}

.CustomTable .ui-widget-header table tr th {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding: 7px 4px;
    background: transparent;
}

.CustomTable .ui-widget-header table tr th span {
    color: #fff;
}

.CustomTable .ui-iggrid-scrolldiv {
    background-color: transparent;
}

.CustomTable .ui-iggrid .ui-iggrid-scrolldiv {
    border: none !important;
    box-shadow: none !important;
    overflow: initial !important;
}

.CustomTable .ui-iggrid table tbody td {
    padding: 5px 0;
    font-weight: 500;
    font-size: 12.5px !important;
}

.CustomTable .ui-widget-content {
    overflow: auto;
    height: 300px;
    width: 100%;
}

.CustomTable .ui-widget-content td {
    border: none !important;
}

.CustomTable .ui-widget-content tr:nth-child(odd) {
    background-color: #fff !important;
}

.CustomTable .ui-widget-content tr:nth-child(even) {
    background-color: rgba(118, 214, 212, 0.07) !important;
}

.CustomTable .ui-widget-content tr:nth-child(even) td {
    border: none !important;
    border-bottom: 1px solid rgba(118,214,212,.14) !important;
    border-top: 1px solid rgba(118,214,212,.14) !important;
}

.CustomTable .panel-heading .filters {
    color: #fff;
    font-weight: 500;
}

.CustomTable .panel-heading .heading-elements {
    margin-top: -13px;
    height: 26px;
}

.CustomTable .panel-heading .heading-elements a {
    border: none;
    border-radius: 2px;
    padding: 6px 9px;
    background-color: #e5f1ff;
    height: 26px;
    margin: 0px 3px;
}

.CustomTable .panel-heading .heading-elements a i {
    color: #3d4e76;
}

.CustomTable .gantt_container {
    border: 1px solid #e0e0e0;
}

.CustomTable .gantt_layout_cell_border_right {
    border-right: 1px solid #e6e6e6;
    border: none;
    background-color: transparent;
}

.CustomTable .timeline_cell.gantt_layout_outer_scroll {
    border-left: 1px solid #96c7b8;
}

.CustomTable .gantt_task {
    border: none ;
    border-top: none;
    border-left: none;
    background-color: transparent;
}

.CustomTable .gantt_grid {
    box-shadow: none !important;
    border: none !important;
    border-top: none !important;
}

.CustomTable .gantt_grid_scale {
    background-color: #D6F0E8;
    background-image: none !important;
    border: none;
    height: 38px !important;
    padding: 10px 0;
    width: 100% !important;
    border-bottom: none !important;
    position: relative;
}

.CustomTable .gantt_grid_scale .gantt_grid_head_cell {
    background-color: transparent !important;
    line-height: 16px;
    color: #28614f !important;
    font-weight: 600;
    font-size: 13px;
}

.CustomTable .gantt_grid_data {
    width: 100% !important;
    background-color: transparent;
    position: relative;
    margin-top: 5px;
    z-index: 99;
}

.CustomTable .gantt_grid_data::after {
    position: absolute;
    content: '';
    background-image: url(../images/curve_bg_02.png);
    width: 388px;
    height: 111px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.CustomTable .gantt_grid_data .gantt_row {
    border-bottom: 1px solid rgba(214, 240, 232, 0.65);
    background-color: transparent;
    height: 35px !important;
    line-height: 35px !important;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell:first-child {
    border-left: none;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell {
    border-right: 1px solid #eaeaea;
    height: 35px !important;
    padding: 0;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell:last-child {
    border-right: none;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content {
    font-size: 12px;
    font-weight: 600;
    color: #3a3f46;
    letter-spacing: 0.4px;
    padding: 0 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: #607d8b;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(2) {
    color: #4caf50;
}

.CustomTable .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content i:nth-child(3) {
    color: #f44336;
}

.CustomTable .gantt_grid_column_resize_wrap .gantt_grid_column_resize {
    background-color: transparent;
    height: 0 ;
    width: 0;
}

.CustomTable .gantt_task .gantt_task_scale {
    height: 38px !important;
    border-bottom: none;
    border-left: none;
    background-color: #D6F0E8 !important;
}

.CustomTable .gantt_task .gantt_task_scale .gantt_scale_line {
    height: 19px !important;
    padding: 3px 0;
}

.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;
    color: #28614f !important;
    height: 19px !important;
    padding: 0 0;
}

.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(214, 240, 232);
}

.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: #366c5b;
}

.CustomTable .gantt_grid_data .gantt_row.odd:hover, .CustomTable .gantt_grid_data .gantt_row:hover {
    background-color: rgb(214, 240, 232);
}

.CustomTable .gantt_grid_data .gantt_row.odd:hover .gantt_cell, .CustomTable .gantt_grid_data .gantt_row:hover .gantt_cell {
    border-right-color: #579e88;
}

.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: 0;
    left: 0;
    right: 0;
    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: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background-position: -256px -115px;
}

.CustomTable .gantt_task_line {
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 5px;
    box-shadow: none;
    border: none;
    padding: 0 5px;
    border-radius: 0;
}

.CustomTable .gantt_task_line .gantt_task_content {
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 11px;
    color: #353535;
    transform: none;
}

.CustomTable .gantt_row, .CustomTable .gantt_task_row {
    background-color: transparent;
    border-bottom: 1px solid #dadada;
}

.CustomTable .gantt_row.odd, .CustomTable .gantt_task_row.odd {
    background-color: rgba(214, 240, 232, 0.2);
}

.CustomTable .gantt_task_cell {
    border-right: 1px solid #dadada;
}

.CustomTable .gantt_task_cell:nth-of-type(even) {
    background-color: #fff;
}

.CustomTable .gantt_task_cell.week_end {
    background-color: #f1f1f1;
}

.CustomTable .gantt_project.gantt_selected {
    box-shadow: none;
}

.CustomTable .gantt_bar_task {
    background-color: #80edc4;
}

.CustomTable .gantt_bar_project {
    background-color: #87BCEB;
}

.CustomTable .gantt_bar_milestone {
    background-color: #ff9b7c;
}

.CustomTable .gantt_critical_task {
    background-color: #e6645a;
}

.CustomTable .gantt_grid_editor_placeholder input {
    border: 1px solid #ddd;
    outline: none;
}

.CustomTable.CustomGantt {
    border: 1px solid #96c7b8 !important;
    border-radius: 3px;
}

.CustomTable.CustomGantt .panel-heading {
    background-color: transparent;
    padding: 14px 10px !important;
    border-bottom: 1px solid #96c7b8 !important;
}

.CustomTable.CustomGantt .filters strong {
    float: left;
    line-height: 14px;
    font-weight: 600;
    font-size: 14px;
    color: #202020;
    margin-right: 10px;
}

.CustomTable.CustomGantt .filters .CustomCheckbox label {
    line-height: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #202020;
}

.CustomTable.CustomGantt .filters .CustomCheckbox {
    margin-bottom: 0;
    margin-right: 10px;
}

.CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"]+label::before {
    height: 14px;
    width: 14px;
    border: 2px solid #366c5b;
}

.CustomTable.CustomGantt .filters .CustomCheckbox input[type="radio"]:checked+label::before {
    background: #366c5b;
}

.CustomTable.CustomGantt .dropdown a.dropdown-toggle {
    border-radius: 4px;
    border: 1px solid #cecece;
    height: 26px;
    line-height: 14px;
    padding: 4px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 80px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
    display: inline-block;
    font-weight: 500;
}

.CustomTable.CustomGantt .dropdown a.dropdown-toggle .caret {
    margin-top: 0px;
}

.CustomTable.CustomGantt .dropdown .dropdown-menu {
    border: 1px solid #81d0b7;
}

.CustomTable.CustomGantt .dropdown .GroupBtn {
    padding: 0 8px;
}

.CustomTable.CustomGantt .dropdown .GroupBtn a.btn {
    border-radius: 4px;
    height: 28px;
    line-height: 14px;
    padding: 7px 10px;
    color: #fff;
    float: left;
    margin: 4px 0;
    width: 100%;
}

.CustomTable.CustomGantt .dropdown .GroupBtn a.btn:last-child {
    margin: 4px 0 0;
}

.CustomTable.CustomGantt .CommonBTN a.btn {
    border-radius: 4px;
    height: 26px;
    line-height: 16px;
    padding: 4px 8px;
    color: #fff;
    float: left;
    margin-left: 4px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=MoveUp], .CustomTable.CustomGantt a.btn[title~=MoveDown] {
    background-color: #499fe1;
    border: 1px solid #499fe1;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=Insert] {
    background-color: #4caf50;
    border: 1px solid #4caf50;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=back] {
    background-color: #91a1b4;
    border: 1px solid #91a1b4;
}

.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: #fff;
    position: relative;
    float: left;
    margin-left: 5px;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=Delete], .CustomTable.CustomGantt .CommonBTN a.btn[title~=Initiate] {
    border: 1px solid #ff5454;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=Back] {
    border: 1px solid #3aa59a;
}

.CustomTable.CustomGantt .CommonBTN a.btn[title~=Save] {
    border: 1px solid #4caf50;
}

.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: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: -1px;
    left: 0;
    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: #3aa59a;
}

.CustomTable.CustomGantt .GroupBtn a.btn[title~=Show], .CustomTable.CustomGantt .GroupBtn a.btn[title~=Column] {
    background-color: #41c7d8;
}

.WorkAllocationSearch input {
    height: 32px;
    background-color: #ffffff;
    border: 1px solid #96c7b8;
    border-radius: 4px;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 12px;
}

.WorkAllocationSearch a {
    height: 32px;
    padding: 5px 12px;
    line-height: 10px;
    display: inline-block;
    border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: 0;
    position: absolute;
    right: 1px;
    top: 0;
}

.WorkAllocationSearch a::after {
    background-image: url(../images/SpritesImages/InboxSprites.png);
    content: '';
    position: absolute;
    width: 32px;
    height: 30px;
    right: 0;
    background-repeat: no-repeat;
    top: 0;
}

.CustomTable_ver2 .panel {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;
    border-radius: 2px !important;
    border: none !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox .ftr, .CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-image: url(../images/head_bg.jpg) !important;
    background-size: 100% !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    height: 38px !important;
}

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

.CustomTable_ver2 .xhdr {
    height: 44px !important;
    background-color: var(--main-Gridbg-color) ;
    background-image: none !important;
}

.CustomTable_ver2 div.gridbox table.hdr td {
    padding: 11px 0;
    border: none !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.isModern table.obj tr td {
    border: none !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 36px;
    background-color: #fff !important
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.obj {
    border: none !important;
}

.CustomTable_ver2 .ev_dhx_skyblue {
    background-color: #fff !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue {
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border-bottom-color: var(--main-blueBG-color) ;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.isModern table.hdr tr td {
    color: #5f5f5f;
    font-weight: 500;
    font-size: 14px;
    background-color: transparent !important;
}

.CustomTable_ver2 .panel-body {
    padding: 0 0 ;
}

.CustomTable_ver2 .panel-heading h6 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 15px;
}

.CustomTable_ver2 .panel-footer {
    border-top: 1px solid #c3c3c3 !important;
    border-radius: 0;
    padding: 10px 22px;
    border: none;
}

.CustomTable_ver2 .CustomButton {
    padding: 7px 15px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin: 0 2px;
}

.CustomTable_ver2 .panel-heading {
    padding: 11px 20px !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue table.obj tr.rowselected {
    background-color: rgba(3, 169, 243, 0.1) !important;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue table.obj tr.rowselected td {
    background-color: transparent !important;
}

.CustomTable_ver2 .heading-elements a.IconMod {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin: 0 3px;
    padding: 3px;
}

.CustomTable_ver2 .heading-elements a.IconMod i {
    font-size: 14px !important;
    top: 1px;
    margin: 0;
}

.CustomTable_ver2 div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    width: auto;
    font-weight: 500;
    color: #fff;
}

.IspaceDMSSave .CustomSucess {
    background: #8cbb1e;
    background: -moz-linear-gradient(right, #8cbb1e 0%, #aee22c 100%);
    background: -webkit-linear-gradient(right, #8cbb1e 0%,#aee22c 100%);
    background: linear-gradient(to left, #8cbb1e 0%,#aee22c 100%);
    padding: 7px 32px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    -webkit-animation: newregbtn 5s ease infinite;
    -moz-animation: newregbtn 5s ease infinite;
    animation: newregbtn 5s ease infinite;
    line-height: 22px;
    border: none;
    color: #fff;
}

.CustomDMSCricleBtn {
    padding: 5px 32px !important;
    border-radius: 25px !important;
    font-size: 13px;
    font-weight: 500;
    -webkit-animation: newregbtn 5s ease infinite;
    -moz-animation: newregbtn 5s ease infinite;
    animation: newregbtn 5s ease infinite;
    line-height: 22px;
    border: none !important;
    transition: 0.5s;
}

.CustomSucessColor {
    background: #8cbb1e;
    background: -moz-linear-gradient(right, #8cbb1e 0%, #aee22c 100%);
    background: -webkit-linear-gradient(right, #8cbb1e 0%,#aee22c 100%);
    background: linear-gradient(to left, #8cbb1e 0%,#aee22c 100%);
    color: #fff !important;
    transition: 0.5s;
}

.CustomSucessColor:hover {
    background: #8cbb1e;
    background: -moz-linear-gradient(right, #aee22c 0%, #8cbb1e 100%);
    background: -webkit-linear-gradient(right, #aee22c 0%,#8cbb1e 100%);
    background: linear-gradient(to left, #aee22c 0%,#8cbb1e 100%);
    color: #fff !important;
    transition: 0.5s;
}

.CustomInfoColor {
    background: #00acc1;
    background: -moz-linear-gradient(left, #00acc1 0%, #26c6da 100%);
    background: -webkit-linear-gradient(left, #00acc1 0%,#26c6da 100%);
    background: linear-gradient(to right, #00acc1 0%,#26c6da 100%);
    color: #fff !important;
    transition: 0.5s;
}

.CustomInfoColor:hover {
    background: #00acc1;
    background: -moz-linear-gradient(left, #26c6da 0%, #00acc1 100%);
    background: -webkit-linear-gradient(left, #26c6da 0%,#00acc1 100%);
    background: linear-gradient(to right, #26c6da 0%,#00acc1 100%);
    color: #fff !important;
    transition: 0.5s;
}

.CustomBlueColor {
    background: #4568dc;
    background: -webkit-linear-gradient(to right, #4568dc, #b06ab3);
    background: linear-gradient(to right, #4568dc, #b06ab3);
    color: #fff !important;
    transition: 0.5s;
}

.CustomBlueColor:hover {
    background: #4568dc;
    background: -webkit-linear-gradient(to right, #b06ab3, #4568dc);
    background: linear-gradient(to right, #b06ab3, #4568dc);
    color: #fff !important;
    transition: 0.5s;
}

.Doctype .CustomTable_ver2 .tabbable .nav-tabs-highlight li a::after {
    background-image: url(../images/IspaceTopImg.png) !important;
    background-size: 100%;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.CustomGreenCricle {
    background: #52c234;
    background: -webkit-linear-gradient(to right, #245d10, #52c234);
    background: linear-gradient(to right, #245d10, #52c234);
}

.CustomGreenCricle:hover, .CustomGreenCricle:active, .CustomGreenCricle:focus, .CustomGreenCricle:visited {
    background: #52c234;
    background: -webkit-linear-gradient(to right, #52c234, #245d10);
    background: linear-gradient(to right, #52c234, #245d10);
}

.CustomDullCricle {
    background: #fff;
    font-weight: 600;
    color: #454545;
}

.CustomSuccessCricle i {
    font-size: 13px !important;
}

#dvListview span.input-group-btn a, #dvTitlesview span.input-group-btn a {
    background-color: #1d981d;
    border: 1px solid #1d981d;
    border-right: 1px solid #8cbb8c !important;
    margin-left: 0;
    border-radius: 0;
}

#dvListview span.input-group-btn a:last-child, #dvTitlesview span.input-group-btn a:last-child {
    border-radius: 0 25px 25px 0;
    border-right: none !important;
}

#dvListview .input-group input, #dvTitlesview .input-group input {
    border-radius: 25px 0 0 25px;
    padding: 5px 10px 5px 15px;
}

#dvListOfDocuments .panel-footer div:first-child, #dvHistory .panel-footer div:first-child {
    padding-top: 8px !important
}

#dvListOfDocuments .panel-footer select {
    border-radius: 30px 0 0 30px;
    line-height: 12px;
    height: 23px !important;
    padding: 1px 25px 4px 12px !important;
    border: 1px solid #ccc;
    font-weight: 500;
}

#dvListOfDocuments .panel-footer ul.record {
    margin-top: 8px;
    margin-left: 5px;
}

#dvListOfDocuments .panel-footer ul.record li {
    border-radius: 0 30px 30px 0;
    padding: 5.5px 10px;
    line-height: 12px;
    margin: 0;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    background: rgba(46,127,226,1);
    background: -moz-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,1)), color-stop(100%, rgba(58,155,234,1)));
    background: -webkit-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: -o-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: -ms-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: linear-gradient(to right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    border: none;
}

#dvListOfDocuments .panel-footer ul.record li span {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
}

#dvListOfDocuments .panel-footer ul.record li label {
    margin: 0;
}

#dvListOfDocuments .panel-footer ul.pagination li:first-child a {
    border-radius: 20px 0 0 20px;
    background-color: #2F80E2;
}

#dvListOfDocuments .panel-footer ul.pagination li:last-child a {
    border-radius: 0 20px 20px 0;
    background-color: #2F80E2;
}

#dvListOfDocuments .panel-footer ul.pagination li a {
    background-color: #3999E9;
    height: 22px;
    float: left;
    padding: 3px 10px;
    border-radius: 0;
    width: auto;
    max-width: 28px;
    margin: 0 2px;
}

#dvListOfDocuments .panel-footer ul.pagination li a i {
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    line-height: normal;
}

/*************************************************************************CUSTOMGRID DESIGN******************************************************************************/
.blueBG {
    background: #0098de;
    background: -moz-linear-gradient(left, #0098de 0%, #1bb5f7 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #0098de), color-stop(100%, #1bb5f7));
    background: -webkit-linear-gradient(left, #0098de 0%, #1bb5f7 100%);
    background: -o-linear-gradient(left, #0098de 0%, #1bb5f7 100%);
    background: -ms-linear-gradient(left, #0098de 0%, #1bb5f7 100%);
    background: linear-gradient(to right, #0098de 0%, #1bb5f7 100%);
}

.greenBG {
    background: #29BAC1;
    background: -moz-linear-gradient(left, #29BAC1 0%, #45d9e0 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #29BAC1), color-stop(100%, #45d9e0));
    background: -webkit-linear-gradient(left, #29BAC1 0%, #45d9e0 100%);
    background: -o-linear-gradient(left, #29BAC1 0%, #45d9e0 100%);
    background: -ms-linear-gradient(left, #29BAC1 0%, #45d9e0 100%);
    background: linear-gradient(to right, #29BAC1 0%, #45d9e0 100%);
}

.blueBG .xhdr {
    background-color: #0098de;
    background-image: none !important;
}

.greenBG .xhdr {
    background-color: #29BAC1;
    background-image: none !important;
}

.purpleBG {
    background-color: var(--main-purpleBG-color) !important;
    ; border-color: var(--main-purpleBG-color) !important;
    background-image: none !important;
}

.purpleBG .xhdr {
    background-color: var(--main-purpleBG-color) !important;
    ; border-color: var(--main-purpleBG-color) !important;
    background-image: none !important;
}

.velvetBG {
    background-color: #5C6BC0 !important;
    border-color: #5C6BC0 !important;
    background-image: none !important;
}

.velvetBG .xhdr {
    background-color: #5C6BC0 !important;
    border-color: #5C6BC0 !important;
    background-image: none !important;
}

.CustomPanGradient.panel {
    border: none !important;
    padding-top: 0 !important;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    border-radius: 3px 3px 0 0;
    position: relative;
}

.CustomPanGradient.panel > .panel-heading {
    border-radius: 3px 3px 0 0;
    padding: 14px 15px !important;
}

.CustomPanGradient.panel > .panel-heading h6 {
    font-weight: 500;
    font-size: 14px;
    margin: 0;
    line-height: 16px;
}

.CustomPanGradient.panel:after {
    content: '';
    position: absolute;
    background: linear-gradient(to right,#7474bf,#348ac7);
    width: 100%;
    height: 1px;
}

/*BG*/
/*INNERPAGE STYLES*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    display: block;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect1 {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

div.gridbox_property table.obj tr.rowselected td {
    background-color: #ededed !important;
    color: black !important;
    border-color: #ededed !important;
}

h3.panel-title, .h3.panel-title {
    font-size: 15px !important;
}

.dhxtree_dhx_skyblue .selectedTreeRow_lor, .selectedTreeRow {
    background-color: #1E88E5 !important;
    background-repeat: repeat-x;
    color: white !important;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    width: 100% !important;
    padding: 4px 5px !important;
    border: none;
    border-radius: 3px;
}

#propertyGrid {
    table-layout: fixed;
    width: 100% !important;
}

.dhx_combo_select {
    z-index: 10010 !important;
    max-height: 250px;
    overflow: auto;
    box-shadow: 0 1px 4px 4px rgba(0,0,0,.05);
    border: 1px solid #ddd;
}

select[multiple] option, select[size] option {
    padding: 7px 12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #101010;
    letter-spacing: 0.2;
    background-color: #fff !important;
}

.igniteuichart {
    width: 100% !important;
    height: 500px
}

.echartsSize {
    width: 100% !important;
    height: 500px
}

.ui-resizable-handle.ui-icon {
    border-style: none !important;
}

.jsPanel {
    min-height: inherit !important;
}

.jsPanel .jsPanel-hdr {
    padding: 10px 15px !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 0 !important;
}

.jsPanel .jsPanel-hdr h3 {
    font-weight: 500;
    padding: 0;
    line-height: 18px;
}

.jsPanel .jsPanel-hdr .jsPanel-hdr-toolbar {
    margin-top: 3px;
}

.jsPanel-content {
    padding: 0;
}

.jsPanel-content #layoutTree {
    min-height: 297px !important;
    margin: 0;
    border: none;
}

.jsPanel-content #propertyGrid {
    min-height: 300px !important;
    margin: 0;
    border: none;
}

.jsPanel-content .objbox {
    min-height: 300px !important;
    height: auto !important;
    margin: 0;
    border: none;
}

div.dhx_textarea {
    z-index: 9999 !important;
}

textarea.dhx_textarea {
    width: calc(100% - 20px) !important;
}

div.dhtmlxcalendar_dhx_skyblue {
    z-index: 99999 !important;
}

.sidebar_pop_width {
    width: 600px !important;
}

.p1_main_inner_container {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
}

.inb_pp_con_out3 {
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.doc_viewer_top {
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

#treeGrid .objbox {
    overflow-x: hidden !important;
}

#grdMetaInfomation .objbox {
    overflow-x: hidden !important;
}

.dhxcombolist_dhx_skyblue {
    width: auto !important;
}

#dvDocumentView {
    display: none !important;
}

.pbm {
    margin-bottom: 0 !important;
}

.boxshadow {
    box-shadow: none !important;
}

.ui-igupload .ui-igprogressbar {
    height: 28px !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 3px;
    padding: 8px 0 !important;
}

.ui-widget-header {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.ui-widget-header .ui-igupload-summaryprogress-label {
    font-size: 13px !important;
    top: 4px;
    right: 30px;
}

.note-editor.note-frame {
    border: 1px solid #ddd;
}

/*INNERPAGE STYLES*/
.count {
    color: #202020;
    padding: 7px 10px;
    font-size: 14px;
}

.count label {
    margin: 0;
    line-height: 12px;
    width: 100% !important;
    height: 100% !important;
    padding-left: 20px;
}

#dvDiagram #myDiagramDiv div {
    height: 100% !important;
    overflow: initial !important;
}

.datatable-scroll, .datatable-scroll-lg {
    overflow: hidden;
}

#dvBasicInfo .panel-heading {
    background-color: #00bcd4;
    border: none;
    color: #fff;
    border-radius: 0 !important
}

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

#validationSummaryFrame .page-header-content {
    background-color: #f7f7f7;
    border: none !important;
}

/*LOADING*/
.preLoad .login-form {
    position: relative;
}

.preLoad .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
    margin: 15px auto;
}

.preLoad .login-form p {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    position: absolute;
    top: 140px;
    right: 0;
    left: 0;
}

/*LOADING*/
.RepositoryMapping .col-md-2 {
    width: 20%;
}

.RepositoryMapping .col-md-10 {
    width: 80%;
}

.RepositoryMapping .sidebarcustom {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: none;
}

.RepositoryMapping .sideBarContent {
    padding: 0;
    background-color: #fff;
}

.RepositoryMapping .sideBarContent #treeRepositoryMapping {
    padding: 10px;
}

.RepositoryMapping .sideBarContent .category-title {
    padding: 15px 14px;
    border-bottom: none !important;
    background-color: var(--main-Gridbg-color);
}

.RepositoryMapping .sideBarContent .category-title span {
    margin-top: 1px;
    line-height: 14px;
    text-transform: capitalize;
}

.RepositoryMapping .panel {
    background-color: #fff;
    padding-top: 0;
    margin-bottom: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;
}

.RepositoryMapping .panel .panel-heading {
    background-color: var(--main-Gridbg-color);
    padding: 11px 14px !important;
}

.RepositoryMapping .panel .panel-body {
    padding: 0;
}

.CustomTable #treeboxbox_tree0 {
    width: 100% !important;
}

.blue_brdr1 {
    border-bottom: none !important;
}

.Doctype .sidebarcustom {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: none;
}

.Doctype .sideBarContent {
    padding: 0;
    background-color: #fff;
}

.Doctype .sideBarContent .category-title {
    padding: 12px 14px;
    border-bottom: none !important;
}

.Doctype .sideBarContent .category-title>span {
    font-size: 15px !important;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    line-height: 15px;
    margin-top: 0;
}

.Doctype .sideBarContent .category-title>.icons-list {
    top: 50% !important;
    right: 15px;
    color: #fff;
}

.Doctype .panel {
    padding-top: 0;
    background-color: #fff;
    margin-bottom: 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1) !important;
}

.Doctype #treeboxbox_tree0 {
    width: 100% !important;
    height: 404px;
}

.Doctype #treeboxbox_tree0 .xhdr {
    display: none;
}

.Doctype .blue_brdr1 {
    padding: 10px;
    float: left;
    width: 100%;
    background-color: #03A9F3;
}

.Doctype .blue_brdr1 a {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin: 0 3px;
    border: none;
    padding: 3px;
}

.Doctype .blue_brdr1 a i {
    font-size: 13px;
    top: 1px;
    margin: 0;
}

.Doctype div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue {
    border: none !important;
    border-bottom: 1px solid rgba(3, 169, 243, 0.3) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue {
    border: none !important;
    border-bottom: 1px solid rgba(3, 169, 243, 0.3) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr:first-child {
    border-bottom: none !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 36px;
    border-left: none !important;
    border-right: none !important;
    background-color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj {
    border-left: none !important;
    border-right: none !important;
}

.sidebar-detached > .sidebar {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: none !important;
}

.Doctype div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background-color: rgba(181, 222, 255, 0.4) !important;
}

.Docexpl .sideBarContent {
    background-color: #fff;
}

.Docexpl .sidebarcustom {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: none;
}

.Docexpl .category-content {
    padding: 0 0 !important;
}

.Docexpl .sideBarContent .category-title {
    padding: 6px 14px;
    border-bottom: none !important;
    color: #fff;
}

.Docexpl #documentTypeTree {
    width: 100% !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr {
    border-bottom: 1px solid #c3c3c3 !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background-color: #f8fbd3 !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    height: 36px;
    border-left: none !important;
    border-right: none !important;
    background-color: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue {
    border-left: none !important;
    border-right: none !important;
}

.Docexpl .panel {
    box-shadow: 6px 11px 41px -28px #a99de7;
    -webkit-box-shadow: 6px 11px 41px -28px #a99de7;
    border-radius: 0;
    border: none !important;
}

.Docexpl .panel .panel-heading {
    padding: 10px 20px !important;
    border-radius: 5px 5px 0 0;
    margin: 0 !important;
    border: none ;
    color: #fff;
}

.Docexpl .panel .panel-heading h6, .Docexpl .panel .panel-heading h5 {
    line-height: 20px;
    margin: 0;
    font-weight: 500;
    font-size: 15px;
}

.Docexpl .panel .panel-heading h6 a, .Docexpl .panel .panel-heading h5 a {
    color: #fff;
}

.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: 0;
}

.Docexpl .panel .panel-heading h6 .dropdown-menu li a, .Docexpl .panel .panel-heading h5 .dropdown-menu li a {
    color: #252525;
}

.Docexpl .panel .panel-heading h6 .dropdown-menu, .Docexpl .panel .panel-heading h5 .dropdown-menu {
    border-bottom: 1px solid #cacaca !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd;
    padding: 0 !important;
    margin: 3px 0;
}

.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: 1px solid rgba(169,157,231,.25);
    border-top: none !important;
}

.Docexpl ul.media-list {
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    background-color: #fff;
    border: 1px solid rgba(222, 222, 222, 0.9);
    box-shadow: 0 3px 8px rgba(0,0,0,.08);
    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: 0;
    bottom: 0;
}

.Docexpl ul.image .media-body p {
    color: #208895;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.pdf .media-body p {
    color: #DF574B;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.excel .media-body p {
    color: #207245;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.word .media-body p {
    color: #2A5696;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.text .media-body p {
    color: #333333;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl ul.empty .media-body p {
    color: #FEA700;
    font-weight: 500;
    font-size: 13px;
}

.Docexpl #dvComments ul.media-list {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.Docexpl #dvComments ul.media-list .media {
    margin-right: 0;
}

.Docexpl #dvComments ul.media-list .media .media-content {
    width: 100%;
    background: #72D98B;
    background: -webkit-linear-gradient(to right, #72D98B, #72D9CE);
    background: linear-gradient(to right, #72D98B, #72D9CE);
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    padding: 14px 30px;
    line-height: 18px;
    min-height: 60px;
    border-radius: 55px;
    box-shadow: 0 4px 15px rgba(0,0,0,.1);
    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: #707070;
    font-weight: 500;
    float: none;
    padding: 5px 17px;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .3px;
    text-align: center;
}

.Docexpl #dvComments ul.media-list .media .media-body span i {
    color: #52b5aa;
    font-size: 12px;
}

.Docexpl #dvComments #dvCommentsEnter textarea {
    font-weight: 500;
}

.Docexpl .media-left div {
    width: 45px;
    height: 50px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
}

.Docexpl ul.image .formatIcon {
    background-color: #208895;
}

.Docexpl ul.pdf .formatIcon {
    background-color: #DF574B;
}

.Docexpl ul.excel .formatIcon {
    background-color: #207245;
}

.Docexpl ul.word .formatIcon {
    background-color: #2A5696;
}

.Docexpl ul.text .formatIcon {
    background-color: #333333;
}

.Docexpl ul.empty .formatIcon {
    background-color: #FEA700;
}

.Docexpl .media-left .formatIcon a i.fa-3x {
    font-size: 24px !important;
    color: #fff !important;
    top: 13px;
    position: relative;
}

.Docexpl .media-left {
    padding: 0 !important;
    float: left;
}

.Docexpl .media-body {
    padding-left: 15px !important;
}

.Docexpl .media-body ul.list-inline li {
    font-weight: 500;
    color: #828282;
}

.Docexpl .media-body ul.list-inline li .checkbox label {
    font-weight: 500;
    color: #828282;
}

.Docexpl ul.image .media-body ul.list-inline li .checkbox label span small {
    background-color: #208895;
    box-shadow: none;
}

.Docexpl ul.pdf .media-body ul.list-inline li .checkbox label span small {
    background-color: #DF574B;
    box-shadow: none;
}

.Docexpl ul.excel .media-body ul.list-inline li .checkbox label span small {
    background-color: #207245;
    box-shadow: none;
}

.Docexpl ul.word .media-body ul.list-inline li .checkbox label span small {
    background-color: #2A5696;
    box-shadow: none;
}

.Docexpl ul.text .media-body ul.list-inline li .checkbox label span small {
    background-color: #333333;
    box-shadow: none;
}

.Docexpl ul.empty .media-body ul.list-inline li .checkbox label span small {
    background-color: #FEA700;
    box-shadow: none;
}

.Docexpl .media-heading a {
    font-size: 16px;
    color: #455a64;
    text-transform: capitalize;
    font-weight: 500;
}

.Docexpl h6.media-heading.docExpRO {
    color: #455a64;
    opacity: 0.6;
}

.Docexpl .media-heading .list-inline>li {
    font-weight: 500;
}

.Docexpl .list-inline-separate > li:before {
    color: #333;
}

.Docexpl .content-group {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 18px !important;
}

.Docexpl #dvListOfDocuments .panel-body {
    padding: 0 20px 20px;
}

.Docexpl #dvListOfDocuments .form-horizontal {
    padding: 10px 0 10px;
    border-bottom: 1px solid rgba(3, 169, 243, 0.2);
    margin-bottom: 20px;
}

.Docexpl .panel-footer {
    padding: 0 10px;
    border-radius: 0;
    border-top: none !important;
    border: 1px solid rgba(195,195,195,.4);
}

.Docexpl .panel-footer ul.record li {
    padding: 13px 10px;
}

.Docexpl .panel-footer ul.pagination li {
    padding: 8px 0;
    float: left;
}

.Docexpl .panel-footer ul li span {
    font-size: 14px;
    color: #303030;
}

.Docexpl .pagination li a, .pagination li span {
    padding: 0 4px;
    line-height: 12px;
    border: none !important;
    min-width: 0;
}

.Docexpl .pagination li a i {
    width: 23px;
    height: 23px;
    background-color: #03a9f3;
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
    border: 1px solid #03a9f3;
}

.Docexpl #ddlPageSize {
    border: 1px solid #03a9f3;
    padding: 5px 12px;
    height: 31px;
}

.Docexpl div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
}

.Docexpl .tabbable .nav-tabs {
    text-align: center;
    position: relative;
    border: none !important;
    background-color: #f8f8f8;
}

.Docexpl .tabbable .nav-tabs li {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 120px;
}

.Docexpl .tabbable .nav-tabs li.active a {
    background-color: transparent;
    border: none;
    color: #2CC185;
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
}

.Docexpl .tabbable .nav-tabs li a {
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 500;
}

.Docexpl .tabbable .nav-tabs li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.Docexpl .tabbable .nav-tabs li:first-child.active ~ li:last-child::before {
    -webkit-transform: translate3d(-205%,0,0);
    transform: translate3d(-205%,0,0);
}

.Docexpl .tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {
    -webkit-transform: translate3d(-102%,0,0);
    transform: translate3d(-102%,0,0);
}

.DocForIspace {
    position: relative;
    top: 65px;
}

.DocForIspace .tabbable .nav-tabs {
    background-color: #9675ce !important;
}

.DocForIspace .tabbable .nav-tabs li.active a {
    color: #ffeb3b !important;
}

.DocForIspace .tabbable .nav-tabs li a {
    color: #fff !important;
}

/*TabCustomStyle*/
/*****GOBALTABONE*****/
.gobalTab .nav-tabs {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    border: none;
}

.gobalTab .nav-tabs li {
    margin-right: 8px !important;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: none;
    flex: none;
}

.gobalTab .nav-tabs li a {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    line-height: 17px !important;
    color: #3b61eb !important;
    background-color: transparent !important;
    padding: 7px 10px !important;
    border-radius: 5px;
    border: 3px solid #ebeffd !important;
    width: 200px;
}

.gobalTab .nav-tabs li.active a {
    background-color: #ebeffd !important;
}

.gobalTab .nav-tabs li a i {
    display: none;
}

.gobalTab .nav-tabs li a:hover, .gobalTab .nav-tabs li a:focus {
    border: 1px solid transparent;
    transition: all 0.4s ease-in-out;
    background-color: #11b3b9;
    color: #fff;
}

.gobalTab .nav-tabs li.active a, .processTab .nav-tabs li.active a:hover, .processTab .nav-tabs li.active a:focus {
    color: #fff;
    background-color: #ebeffd;
    padding: 5px 20px;
}

.gobalTab .tab-content {
    border: 1px solid rgba(17,179,185,.25) !important;
    border-radius: 3px !important;
    background-color: transparent !important;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
}

.gobalTab .tab-content .tab-pane {
    overflow: hidden;
    padding: 0 !important;
}

/*****GOBALTABTWO*****/
/*Common Form-Group*/
.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4d;
    margin: 0;
    padding-bottom: 10px;
}

.form-group input.form-control, .form-group textarea.form-control {
    border: 1px solid #8e8e8e;
    height: auto !important;
    border-radius: 5px ;
    color: #4d4d4d !important;
    font-weight: 500;
    font-size: 14px !important;
}

.form-group textarea.form-control {
    height: auto !important;
}

.form-group .pincode-input-container input.form-control.pincode-input-text {
    border: 1px solid #8e8e8e;
    border-radius: 0 !important;
    height: 32px !important;
    color: #4d4d4d !important;
    font-weight: 500;
    font-size: 14px !important;
}

.form-group .pincode-input-container input.form-control.pincode-input-text.first {
    border-radius: 3px 0 0 3px !important;
}

.form-group .pincode-input-container input.form-control.pincode-input-text.mid {
    border-left: none !important;
}

.form-group .pincode-input-container input.form-control.pincode-input-text.last {
    border-radius: 0 3px 3px 0 !important;
    border-left: none !important;
}

/*dhxcombo*/
.mainCustomTable .panel .heading-elements svg path {
    fill: #4F5D77 !important;
}

.Custom-head .panel-heading {
    background-color: #f7f7f7 !important;
    border-bottom: 1px solid #ddd !important;
}

.Custom#comboSearchTypes div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    border-radius: 8px !important;
    background-color: #3b61eb !important;
}

.Custom#comboSearchTypes div.dhxcombo_dhx_skyblue {
    border-radius: 8px !important;
}

#btnEditNode svg path {
    fill: #4F5D77 !important;
}

.form-group div.dhxcombo_dhx_skyblue {
    background-color: #fff;
    border: none;
    font-size: 1px;
    height: 36px !important;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 0px;
    line-height: 1.53846;
    min-width: 155px;
    width: 100% !important;
    margin: 0;
}

.form-group div.dhxcombo_dhx_skyblue input.dhxcombo_input {
    border: 1px solid #8e8e8e85;
    height: 36px !important;
    border-radius: 5px !important;
    color: #4d4d4d !important;
    font-weight: 500;
    font-size: 14px !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    left: 0;
    padding: 0 15px
}

.form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    background: transparent !important;
    border: 0 solid #a4bed4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0;
    width: 40px;
}

.form-group .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-image: url(../images/DesignStudio/SelectArrow.png)
}

/*dhxcombo*/
/*Calendar*/
.form-group .input-group {
    background-color: #fff;
    border: none;
    font-size: 1px;
    height: 40px !important;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    border-radius: 0px;
    line-height: 1.53846;
    min-width: 155px;
    width: 100% !important;
    margin: 0;
}

.form-group .input-group input {
    border: 1px solid #8e8e8e !important;
    box-shadow: none !important;
    height: 36px !important;
    border-radius: 5px ;
    color: #4d4d4d !important;
    font-weight: 500;
    font-size: 14px !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    left: 0;
    padding: 0 15px
}

.form-group .input-group .input-group-addon {
    background: transparent !important;
    border: 0 solid #a4bed4;
    border-radius: 2px;
    cursor: pointer;
    font-size: 1px;
    height: 38px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0;
    width: 40px;
    z-index: 9;
}

.form-group .input-group .input-group-addon i.icon-calendar22 {
    background-image: url(../images/DesignStudio/fi-rr-calendar.svg);
    font-size: 0 !important;
    width: 18px;
    height: 18px;
    background-size: 18px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 11px;
}

.form-group .input-group .input-group-btn i.fa.fa-calendar {
    /*background-image:url(../images/DesignStudio/fi-rr-calendar.svg);*/
    font-size: 0 !important;
    width: 18px;
    height: 18px;
    background-size: 18px;
    padding: 0;
}

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

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

/*Common Form-Group*/
.gobalTabTwo .tabbable {
    background-color: #fff;
    width: 100%;
    float: left;
}

.gobalTabTwo .tabbable .nav-tabs {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    border: none;
}

.gobalTabTwo .tabbable .nav-tabs li {
    position: relative;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.gobalTabTwo .tabbable .nav-tabs li.active a::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.gobalTabTwo .tabbable .nav-tabs li a {
    padding: 16px 35px;
    border: none;
    border-left: 1px solid #e7ecea;
    /* -webkit-transition: color 0.2s; */
    transition: color 0.2s;
}

.gobalTabTwo .tabbable .nav-tabs li a i {
    font-size: 17px !important;
    line-height: 16px;
    margin-right: 10px;
    color: #74777b;
}

.gobalTabTwo .tabbable .nav-tabs li a span {
    font-size: 14.5px;
    font-weight: 500;
    color: #74777b;
}

.gobalTabTwo .tabbable .nav-tabs li:last-child a {
    border-right: 1px solid #e7ecea;
}

.gobalTabTwo .tabbable .nav-tabs li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: var(--main-Tabs2-color);
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
}

.gobalTabTwo .tabbable .tab-content {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #e7ecea;
    border-top: 1px solid #e7ecea !important;
    border: none;
}

/*****GOBALTABTHREE*****/
.gobalTabThree.tabbable .nav-tabs {
    text-align: center;
    position: relative;
    border: none !important;
    background-color: #f8f8f8;
}

.gobalTabThree.tabbable .nav-tabs li {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 120px;
}

.gobalTabThree.tabbable .nav-tabs li.active a {
    background-color: transparent;
    border: none;
    color: var(--main-Tabs2-color);
    -webkit-transform: translate3d(0,2px,0);
    transform: translate3d(0,2px,0);
}

.gobalTabThree.tabbable .nav-tabs li a {
    -webkit-transition: color 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, transform 0.3s;
    padding: 14px 12px;
    font-size: 14px;
    font-weight: 500;
}

.gobalTabThree.tabbable .nav-tabs li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #2CC185;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.gobalTabThree.tabbable .nav-tabs li:first-child.active ~ li:last-child::before {
    -webkit-transform: translate3d(-195%,0,0);
    transform: translate3d(-195%,0,0);
}

.gobalTabThree.tabbable .nav-tabs li:nth-child(2).active ~ li:last-child::before {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

/*****GOBALTABFOUR*****/
.gobalTabFour.tabbable {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

.gobalTabFour.tabbable .nav li > a:hover, .gobalTabFour.tabbable .nav li > a:focus {
    background-color: transparent;
}

.gobalTabFour.tabbable .nav-tabs2 {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.gobalTabFour.tabbable .nav-tabs2 li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.2em;
    -webkit-flex: none;
    flex: none;
}

.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: #74777b;
    font-weight: 700;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.gobalTabFour.tabbable .nav-tabs2 li.active a {
    color: #fff;
}

.gobalTabFour.tabbable .nav-tabs2 li a span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.gobalTabFour.tabbable .nav-tabs2 li a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #2cc185;
    content: '';
    -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, transform 0.3s;
    -webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,100%,0) translate3d(0,-1px,0);
    transform: translate3d(0,100%,0) translate3d(0,-1px,0);
    border-radius: 3px 3px 0 0;
}

.gobalTabFour.tabbable .nav-tabs2 li.active a::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-color: #2CC185;
}

.gobalTabFour.tabbable .tab-content {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd !important;
    border: none;
}

/*****GOBALTABFIVE*****/
.gobalTabFive.tabbable ul.nav {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin : 0;
    padding: 0;
    max-width: 600px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    border: none;
    padding: 0;
    top: 0;
}

.gobalTabFive.tabbable ul.nav li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-backface-visibility: hidden;
    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: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    padding: 3px 35px 2px 5px;
    background-color: transparent;
    border: none;
    margin: 0;
    border-radius: 0;
}

.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: #2CC185;
}

.gobalTabFive.tabbable ul.nav li.active a:after {
    background: #fff;
    box-shadow: none;
    border: 1px solid #2cc185;
    border-bottom: none;
}

.gobalTabFive.tabbable ul.nav li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: none;
    border-radius: 10px 10px 0 0;
    background: #2CC185;
    box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(1.20deg) translateZ(-1px);
    transform: perspective(5px) rotateX(1.20deg) translateZ(-1px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gobalTabFive .tab-content {
    border: 1px solid #d6dde0 !important;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
}

.GobalTabSix > ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    padding: 8px 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(65, 74, 84, 0.3);
}

.GobalTabSix > ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 15px 0 0;
    text-align: center;
}

.GobalTabSix > ul li.active::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.GobalTabSix > ul li a {
    display: inline-block;
    overflow: visible;
    padding: 7px 10px 7px 35px;
    color: #74777b;
    -webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
    transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
    border: none !important;
    border-radius: 4px;
    line-height: 21px !important;
    background-color: transparent;
}

.GobalTabSix > ul li a::before {
    content: '';
    display: block;
    margin: 0 0 0.35em;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    pointer-events: none;
    height: 35px;
    width: 35px;
    margin: auto;
    left: 0;
    position: absolute;
    top: 0px;
}

.GobalTabSix > ul li a::after {
    content: '';
    display: block;
    margin: 0 0 0.35em;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    pointer-events: none;
    height: 35px;
    width: 35px;
    margin: auto;
    left: 0;
    position: absolute;
    top: 0px;
}

.GobalTabSix > ul li.active a {
    background-color: #838e9c !important;
}

.GobalTabSix > ul li.active a::after {
    transform: translate3d(0,0,0);
    background-image: url(../images/SpritesImages/SpritesImg.png);
}

.GobalTabSix > ul li.active a::before {
    transform: translate3d(0,-100px,0);
    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: #fff;
    letter-spacing: 0.3px;
}

.GobalTabSix > ul li a span {
    font-size: 13.5px;
    font-weight: 500;
    color: #313c48;
    letter-spacing: 0.3px;
}

.GobalTabSix .tab-content {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.18);
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .xhdr {
    display: none;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.mainCustomTable div.gridbox.CustomAllocation .objbox {
    background-color: transparent !important;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr {
    border: none !important;
    background-color: #fff !important;
    background: #fff !important;
    box-shadow: 0 1px 10px 1px rgba(69,90,100,.1);
    position: relative;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr:first-child {
    display: none;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td {
    border: none !important;
    height: 38px;
    position: relative;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:hover {
    background-color: transparent;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:first-child {
    width: 50px;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td:first-child::after {
    content: '';
    position: absolute;
    left: 0;
    background-color: #4d907b;
    width: 4px;
    height: 100%;
    top: 0;
}

.mainCustomTable div.gridbox_dhx_skyblue.gridbox.CustomAllocation .objboxParent table.obj tr td img {
    float: left;
    margin-left: 5px;
}

/*CUSTOM STEP STYLE*/
/*Custom panel */
.custompanel > .panel {
    border-color: transparent !important;
    box-shadow: none !important;
}

.custompanel > .panel-heading {
    border-bottom: 1px solid #2abee7 !important;
}

.custompanel > .panel-heading h6 {
    font-size: 16px !important;
}

.custompanel > .panel .panel-body {
    padding-left: 10px !important;
}

.custompanel > .panel:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid #d2d6de !important;
    background: url('../images/bg_5.png') 50% !important;
    background-position: bottom left !important;
    background-repeat: no-repeat !important;
}

.custompanel > .panel:hover .panel-heading {
    background: linear-gradient(228deg, #4c9bd2, #035190) !important;
    background-size: 400% 400%;
    border-bottom: 1px solid transparent !important;
    -webkit-animation: newregbtnhover 2s ease infinite;
    -moz-animation: newregbtnhover 2s ease infinite;
    animation: newregbtnhover 2s ease infinite;
    color: White !important;
}

.custom-panel-heading > .panel-heading {
    background: linear-gradient(228deg, #4c9bd2, #035190) !important;
    background-size: 400% 400%;
    border-bottom: 1px solid transparent ;
    -webkit-animation: newregbtnhover 2s ease infinite;
    -moz-animation: newregbtnhover 2s ease infinite;
    animation: newregbtnhover 2s ease infinite;
    color: White !important;
    border-radius: 3px 3px 0 0 !important;
}

/*CUSTOM STEP STYLE*/
.border-green {
    border-color: #65c1bf;
}

.ajax-view-record {
    line-height: 14px;
}

.ajax-view-record b {
    padding: 6px 10px;
}

/*ADMINCONSOLE*/
@media only screen and (min-width: 700px) {
    .masonryinner {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 900px) {
    .masonryinner {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1100px) {
    .masonryinner {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

/*ADMINCONSOLE*/
.masonryinner .exploPanel {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}

.shortDes {
    position: absolute;
    top: 14px;
    left: 330px;
    font-size: 15px;
}

#mdlAssignActivity .panel {
    margin-bottom: 0;
    box-shadow: none;
}

#processactivityTree .ui-igtree-collection {
    margin-top: 15px;
}

.activitySet .input-group {
    width: 100%;
}

.Notifi .panel-heading {
    border-bottom: 1px solid #6e8ca0 !important;
}

.Notifi .panel-body .chart-container li.media {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #2d4554;
}

.Notifi .chart-container .media-list {
    background-color: transparent;
}

.Notifi .chart-container .media-body a {
    color: #6cc1ca;
    font-size: 14.5px;
}

.Notifi .chart-container .media-body a span {
    color: #DC7092;
}

.Notifi .chart-container .media-body span {
    color: #efefef;
}

#dvRowNodeAdd .BtnCustom {
    padding: 8px 22px;
    background-color: #4caf50;
    border: none;
    border-radius: 3px;
    color: #fff;
}

#dvRowNodeAdd .BtnCustom i {
    margin-right: 5px;
}

#grdMainDefiner table.obj tr td a {
    padding: 5px 9px;
}

#grdMainDefiner table.obj tr td a i {
    margin: 0;
}

#commentarea .panel-body {
    padding: 10px !important;
}

.dataCount .panel {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    border: none;
}

.dataCount .panel .panel-heading {
    background-color: var(--main-purpleBG-color);
    padding: 13px 20px !important;
    border-radius: 0;
    margin: 0 !important;
    border: none ;
    color: #fff;
}

.dataCount .panel .panel-heading h6 {
    line-height: 20px;
    margin: 0;
}

.dataCount .panel .panel-heading h6 a {
    color: #fff;
}

/*.CustomFormDesign .form-group label{margin-bottom: 8px !important; font-size: 13px; color: #4a4a4a; font-weight: 500; letter-spacing: 0.15px;}
.CustomFormDesign .form-group label span{margin-left: 3px;}
.CustomFormDesign legend{ font-size: 14px; font-weight: 500; color: #424242; border-bottom: 1px solid #c1c1c1; margin-bottom:10px;}
.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{font-weight:400; height:28px !important; line-height: 14px !important;}
.CustomFormDesign .form-group textarea.form-control{height: auto !important; font-weight:400;}
.CustomFormDesign .form-group .form-control.validation-error-label{margin:0; color:#333; padding:5px 10px;}
.CustomFormDesign .form-group label.validation-error-label{color:#fd6155; margin:0 !important; line-height: 15px; font-size: 12px; position: absolute;bottom: -20px; height:18px;}
.CustomFormDesign .form-group .validation-error-label:before, .CustomFormDesign .form-group .validation-valid-label:before{font-size:14px;}
.CustomFormDesign .form-group .btn-group .multiselect-container li{display: inline-block; width: 100%; height: 36px;}
.CustomFormDesign .form-group .btn-group .multiselect-container li.active a label{color: #fff !important;}*/
.select2-container {
    width: 100% !important;
}

.select2-container .selection .select2-selection__rendered {
    position: absolute;
    width: 100%;
    top: 0;
    line-height: 26px;
}

.select2-container .selection .select2-results__option {
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 500;
}

.select2-container .select2-dropdown .select2-search .select2-search__field {
    height: 28px;
    border: 1px solid #d2d2d2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff;
    height: 28px;
    line-height: 13px;
    font-weight: 500;
}

/************************************INPUT ANIMATION*****************************************/
.login_form_first .form-group {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.login_form_first .group {
    position: relative;
}

.login_form_first input {
    font-size: 13px;
    padding: 8px 35px 8px 0;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
}

.login_form_first input:focus {
    outline: none;
}

.loginIconBox {
    position: absolute;
    top: 9px;
    right: 5px;
}

.group label {
    color: #888;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.group input:focus ~ label, .group input:valid ~ label {
    top: -10px;
    font-size: 14px;
    color: #5264AE;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/*REPORT GRID*/
.ReportSpace .BgGrid .panel {
    background-color: transparent;
    border: none;
}

.ReportSpace .BgGrid .panel-heading {
    padding: 10px 0 !important;
}

.ReportSpace .BgGrid .panel-heading h6 {
    font-size: 20px;
    font-weight: 500 !important;
    color: #3999e9;
    line-height: 22px;
}

.ReportSpace .BgGrid .panel-heading ul {
    margin-top: 6px;
}

.ReportSpace .BgGrid .panel-heading .navbarpad li {
    margin-left: 10px;
}

.ReportSpace .BgGrid .panel-heading .navbarpad li a {
    padding: 5px 20px !important;
    border-radius: 25px;
    border: 1px solid #2f80e3;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
}

.ReportSpace .BgGrid .panel-heading .navbarpad li a:hover {
    background: rgba(46,127,226,1);
    background: -moz-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: -webkit-gradient(right top, left top, color-stop(0%, rgba(46,127,226,1)), color-stop(64%, rgba(58,155,234,1)), color-stop(100%, rgba(61,178,224,1)));
    background: -webkit-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: -o-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: linear-gradient(to left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    transition: 0.3s;
    border: 1px solid #2f80e3;
    color: #fff;
    height: 24px;
    opacity: 1;
}

.ReportSpace .BgGrid .panel-heading .navbarpad li:last-child a {
    display: none;
}

.ReportSpace .BgGrid .panel-heading .heading-elements {
    right: 0;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table {
    padding: 0 !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th .input-group-btn button {
    border-radius: 20px 0 0 20px;
    padding-left: 12px;
    background-color: #3590e7;
    border: none;
    line-height: 24px;
    height: 26px;
    color: #fff;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th .input-group-btn button span {
    font-size: 13px !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tfoot.ShowGridFilter tr th input.form-control {
    border-radius: 0 20px 20px 0;
    height: 26px;
    border-left: none;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 0 2px 1px rgba(0,0,0,.07);
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr {
    transition: .3s;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover {
    transition: .3s;
    background: rgba(46,127,226,0.3);
    background: -moz-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,0.3)), color-stop(64%, rgba(58,155,234,0.3)), color-stop(100%, rgba(61,178,224,0.3)));
    background: -webkit-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%);
    background: -o-linear-gradient(left, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%);
    background: linear-gradient(to right, rgba(46,127,226,0.3) 0%, rgba(58,155,234,0.3) 64%, rgba(61,178,224,0.3) 100%);
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td {
    border: none !important;
    border-bottom: 1px solid #e5e6e8 !important;
    height: 50px !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .customcheckbox label::before {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    border: 2px solid #c4c8ce;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .customcheckbox label::after {
    top: 0;
    left: 3px;
    font-size: 10px;
    color: #a7a9ab;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group span {
    height: 28px;
    border-radius: 20px 0 0 20px;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a {
    height: 28px;
    background-color: #fff;
    color: #3c3c3c;
    border-color: #2f80e3;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a:last-child {
    border-radius: 0 20px 20px 0;
    padding-right: 12px;
    background-color: #fff;
    border-color: #3590e7;
    border-left: 1px solid #3999e9;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td .controls.CustomUploadReport .input-group .input-group-btn a i {
    font-size: 13px !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td .controls.CustomUploadReport .input-group .input-group-btn a {
    background-color: #2f81e3;
    color: #fff
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td .controls.CustomUploadReport .input-group .input-group-btn a:last-child {
    background-color: #3999e9;
    color: #fff
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td span button {
    border: 1px solid #2f80e3 !important;
    border-radius: 30px;
    font-size: 11px;
    padding: 5px 0;
    transition: .3s;
    background-color: transparent !important;
    color: #303030;
    font-weight: 600;
    height: 28px !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td span button {
    background: rgba(46,127,226,1);
    background: -moz-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: -webkit-gradient(right top, left top, color-stop(0%, rgba(46,127,226,1)), color-stop(64%, rgba(58,155,234,1)), color-stop(100%, rgba(61,178,224,1)));
    background: -webkit-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: -o-linear-gradient(right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    background: linear-gradient(to left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 64%, rgba(61,178,224,1) 100%);
    transition: 0.3s;
    border: none;
    color: #fff;
    border: none !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr:hover td span {
    color: #181818 !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table tbody tr td:first-child span {
    font-weight: 600 !important;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table thead tr th {
    border: none !important;
    border-left: none !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #959aa0 !important;
    font-weight: 500;
    position: relative;
}

.ReportSpace .BgGrid .table-widget .dataTables_wrapper table thead tr th:after {
    margin-top: 0;
    top: 13px;
}

.ReportSpace .BgGrid .datatable-footer {
    background-color: #fff;
    border: none;
    box-shadow: 2px 0 2px 1px rgba(0,0,0,.05);
    margin-top: 5px;
}

.ReportSpace .BgGrid .fullContainer .pagination li:first-child label {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 13px;
    font-weight: 600;
    color: #2e80e2;
}

.ReportSpace .BgGrid .fullContainer .pagination li select {
    border-radius: 30px 0 0 30px;
    line-height: 12px;
    height: auto !important;
    padding: 4px 25px 4px 12px;
}

.ReportSpace .BgGrid .fullContainer .pagination li label.label {
    border-radius: 0 30px 30px 0;
    padding: 5px 10px;
    line-height: 12px;
    margin: 0;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    background: rgba(46,127,226,1);
    background: -moz-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(46,127,226,1)), color-stop(100%, rgba(58,155,234,1)));
    background: -webkit-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: -o-linear-gradient(left, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    background: linear-gradient(to right, rgba(46,127,226,1) 0%, rgba(58,155,234,1) 100%);
    border: none;
}

.ReportSpace .BgGrid .datatable-footer .fullContainer .pagination li {
    float: left !important;
}

.ReportSpace .BgGrid .datatable-footer.fullContainer .pagination {
    padding-top: 4px;
}

.ReportSpace .BgGrid .datatable-footer .bootpag.Counts li:first-child label {
    border: none;
    line-height: 22px !important;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 13px;
}

.ReportSpace .BgGrid .datatable-footer .bootpag.Counts li input {
    height: initial !important;
    border: 1px solid #3db0e1;
    border-radius: 25px;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 14px;
    line-height: 16px;
    width: 40px !important;
}

.ReportSpace .datatable-footer .bootpag.Counts li label {
    height: initial;
    border: 1px solid #3db0e1;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    width: 40px;
    display: block;
    padding: 2px 10px;
    line-height: 16px;
    margin: 0 5px;
    text-align: center;
}

.ReportSpace .BgGrid .datatable-footer .bootpag li:first-child a {
    border-radius: 20px 0 0 20px;
    background-color: #2F80E2;
}

.ReportSpace .BgGrid .datatable-footer .bootpag li:last-child a {
    border-radius: 0 20px 20px 0;
    background-color: #2F80E2;
}

.ReportSpace .BgGrid .datatable-footer .bootpag li a {
    background-color: #3999E9;
    height: 22px;
    float: left;
    padding: 3px 10px;
    border-radius: 0;
}

.ReportSpace .CustomPane .panel {
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

.ReportSpace .CustomPane .panel .panel-heading {
    background: -moz-linear-gradient(-65deg, #008fe2 0, #00b29c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #008fe2), color-stop(100%, #00b29c));
    background: -webkit-linear-gradient(-65deg, #008fe2 0, #00b29c 100%);
    background: -o-linear-gradient(-65deg, #008fe2 0, #00b29c 100%);
    background: linear-gradient(154deg, #008fe2 0, #00b29c 100%);
}

.ReportSpace .CustomPane .panel .panel-heading h6 {
    color: #fff;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 15px;
}

/*REPORT GRID*/
#divCanvas .panel-heading {
    margin: 0;
    border-radius: 0;
}

#divCanvas .datatable-footer .bootpag li a {
    line-height: 14px;
    border: none;
    margin: 0 2px;
    color: #fff;
    width: auto !important;
    min-width: 28px;
}

#divCanvas .datatable-footer .bootpag li a i {
    font-size: 15px;
    margin: 0;
}

#divCanvas .ui-igtreegrid {
    border-radius: 0 !important;
    border: none !important;
}

#divCanvas .ui-iggrid-scrolldiv {
    border: none !important;
    box-shadow: none;
}

#divCanvas .table-widget .table-widget-content table tbody tr td .customcheckbox div label {
    display: none;
}

#divCanvas .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    border-left: none;
}

#divCanvas .table-widget .table-widget-content table tbody tr td .multiselect-container li a label {
    padding-left: 10px;
    width: 100%;
}

#divCanvas .datatable-footer {
    border-radius: 0 !important;
}

#divCanvas .radio-inline, #divCanvas .checkbox-inline {
    padding-left: 25px;
    margin-right: 10px !important;
    line-height: 20px;
    margin-bottom: 12px !important;
}

#divCanvas .checker span:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    top: 0;
    left: 0;
}

#divCanvas .navbarpad li a i {
    margin: 0;
}

.datepickers-container .datepicker > div {
    display: unset !important;
}

.datepicker--buttons {
    padding: 6px 0 0 0;
    height: 36px !important;
    float: left;
    width: 100%;
}

.datepicker--buttons .datepicker--button {
    padding: 4px 10px;
    height: 26px;
    font-size: 13px;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.datepicker--time-sliders {
    max-width: 100% !important;
}

.datepicker--time-current-hours {
    color: #ff9a19;
}

.datepicker--time-current-minutes {
    color: #4eb5e6;
}

.datepicker--time-row input[type=range] {
}

/************************************INPUT ANIMATION*****************************************/
#tlbCopyActivity.dhx_toolbar_dhx_skyblue {
    background-color: transparent !important;
    border: none;
    background: none;
    color: #fff;
    height: 32px;
    padding: 0 3px;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue:hover {
    background-color: transparent !important;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue .dhx_toolbar_btn {
    background-color: #5c6bc0 !important;
    border: none;
    background: none;
    color: #fff;
    height: 32px;
    border-radius: 2px;
    padding: 0 3px;
    margin-right: 5px;
    margin-top: 0;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue .dhx_toolbar_btn:hover {
    background-color: #3b4cad !important;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn div.dhxtoolbar_text {
    height: 32px;
    line-height: 17px;
    padding: 7px 0;
    margin: 0 4px;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_btn img {
    margin: 7px 0 7px 2px;
    width: 18px;
    height: 18px;
}

#tlbCopyActivity.dhx_toolbar_dhx_skyblue div.dhx_toolbar_sep {
    display: none;
}

/************************************ISPACE************************************/
.p_main_inner_container {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
}

.inb_con_out1 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.inb_con_out2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border: 0 solid #000000;
    margin: 0;
}

.inb_con_out3 {
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.inb_con_out4 {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: -111111;
    border-top: 0 solid #000;
    padding: 20px;
}

#ui-datepicker-div {
    z-index: 9999999 !important;
}

/************************************ISPACE************************************/
h3.jsPanel-title {
    width: auto !important;
}

.CustomFomrButton {
    padding: 8px 0;
    width: 100%;
    text-transform: capitalize;
    font-weight: 500;
    height: auto !important;
    border: none !important;
}

#gridMaskCtrl ul li, #maskCtrl ul li {
    font-size: 14px;
    font-weight: 400;
    padding: 1px 0;
}

#gridMaskCtrl h6, #maskCtrl h6 {
    padding: 0 0;
    margin: 0;
}

.Ispace .nav-tabs li a:before {
    display: none;
}

#dvTemplate button i {
    font-size: 26px !important;
}

/*STEP WIZARD*/
.sf-nav {
    z-index: 2;
}

#dvParentMenu .navigation li a::before {
    background-color: transparent;
}

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

/*STEP WIZARD*/
#modalRule .page-container {
    height: auto !important;
}

.modal.MultiModal {
    overflow: auto !important;
}

/*Inbox Design*/
.CustomInboxDesign .panel {
    border: none !important;
    box-shadow: none;
    margin-bottom: 0;
    background-color: transparent;
}

.CustomInboxDesign .panel-heading {
    padding: 13px 20px !important;
    border-radius: 0;
    margin: 0 !important;
    border: none;
}

.CustomInboxDesign .panel-heading .panel-title {
    display: inline-block;
    line-height: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #505050;
}

.CustomInboxDesign .panel-heading .heading-elements {
    right: 0;
    top: 27px;
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs {
    color: White !important;
    border: 0 solid #ffffff !important;
    border-radius: 35px !important;
    padding: 11px 18px 8px 15px;
    font-size: 13px;
    text-transform: capitalize !important;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    margin-top: 0;
    transition: none !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs.dropdown-toggle {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
    box-shadow: none;
    border: 1px solid #ddd !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: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
    padding: 10px;
    border: 1px solid #ddd !important;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    margin: 0 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewComment {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnNewInstance {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn#btnDeleteInstance {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
    padding: 10px;
    border: 1px solid #ddd !important;
    height: 35px;
    line-height: 13px;
    letter-spacing: 0.3px;
    margin: 0 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnExternalUrl {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#btnsaveExcel {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .btn.btn-xs#OthersCol {
    background: white;
    border-radius: 4px !important;
    color: #4F5E77 !important;
}

.CustomInboxDesign .panel-heading .heading-elements .CustomInboxToggle {
    padding: 9px;
    border: none;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.2);
    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: #fff;
    border-radius: 25px;
    height: 35px;
    font-size: 12px;
    color: #4F5E77;
    font-weight: 600;
    line-height: 12px;
    border: 1px solid #ddd;
    box-shadow: none;
    letter-spacing: 0.3px;
    border-radius: 4px !important;
    background-image: url(../images/DesignStudio/SelectArrow.png) !important;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 96% 50%;
}

.CustomInboxDesign .panel-heading .heading-elements .btn-group .dropdown-toggle .caret {
    display: none;
}

.CustomInboxDesign .panel-heading .heading-elements .input-group {
    margin-top: 0;
    width: 175px;
}

.CustomInboxDesign .panel-heading .heading-elements .input-group input {
    height: 35px;
    border-radius: 5px 0 0 5px;
    width: 140px;
    font-weight: 500;
    box-shadow: none;
    border: 1px solid #ddd;
}

.CustomInboxDesign .panel-heading .heading-elements .input-group a.btnSearch {
    background-color: #fff !important;
    box-shadow: none;
    color: #808283;
    padding: 10px 12px 4px 10px;
    height: 35px;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ddd;
    border-left: none;
}

.CustomInboxDesign .panel-body {
    padding: 0;
    background-color: #fff;
    box-shadow: 0 2px 25px 0 rgba(0,0,0,.12);
    border-radius: 6px;
    margin-top: 15px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox {
    width: 100% !important;
    border-radius: 6px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj {
    border-left: none !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    border-left: none;
    border-right: none ;
    padding: 12px 5px 11px 8px;
    border-bottom: 1px solid #efefef;
    border-top: 0;
    color: #707070;
    font-weight: 500;
    font-size: 13px !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td a {
    color: #546e7a !important;
    font-weight: 600;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(8) {
    background-color: #fff;
    color: #5960dc;
    font-weight: 500;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td:nth-child(11) {
    background-color: #fff;
    color: #0596c7;
    font-weight: 500;
}

.CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(8) {
    color: #5960dc !important;
}

.CustomInboxDesign .panel-body div.gridbox table.obj tr.rowselected td:nth-child(11) {
    color: #0596c7 !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td span.status-mark {
    border: none;
    width: 10px !important;
    height: 10px;
    margin-left: 3px;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue table.hdr tr {
    background-image: none !important;
}

/*.CustomInboxDesign .panel-body div.gridbox table.hdr td{padding:10px 0 !important;height:40px !important; border-bottom: 1px solid #dce0e8 !important; border-right: none !important; border-left: none !important; border-top: none !important; background-color:#CBD6FF !important;}*/
.CustomInboxDesign .panel-body div.gridbox table.hdr td {
    padding: 10px 0 !important;
    height: 40px !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    background-color: transparent !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox .xhdr {
    /*height:40px !important;*/
    background-color: var(--main-grayscale-color) !important;
    background-image: url(../images/InboxDesign.png);
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: cover;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    color: #484D56;
    text-align: center;
    padding-left: 0;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock:before {
    color: #3B61EB;
    position: absolute;
    left: 34%;
    top: 27%;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td .fa-lock {
    width: 42px !important;
    height: 42px;
    border-radius: 75%;
    background: aliceblue;
    left: 0;
    position: relative;
}

.CustomInboxDesign .panel-footer {
    border: none !important;
    padding: 10px 10px;
    background-color: transparent;
}

.CustomInboxDesign .panel-footer ul li {
    padding: 0;
}

.CustomInboxDesign .panel-footer ul li > div {
    background-color: #2fa4e7;
    height: 24px;
    line-height: 23px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 18px 0 18px;
    border-radius: 30px 0 0 30px;
    color: #fff;
    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: 0 18px 0 10px;
    border-radius: 0 30px 30px 0;
    color: #272727;
    letter-spacing: 0.4px;
    border: 1px solid #2fa4e7;
}

.CustomInboxDesign .panel-footer ul li a {
    padding: 0;
    line-height: 20px;
}

.CustomInboxDesign .panel-footer ul.pagination li a {
    padding: 0 4px;
    line-height: 12px;
    border: none !important;
    min-width: 0;
    background-color: #21afce;
    float: left;
    margin: 0 2px;
    border-radius: 0;
    height: 21px;
    width: 24px;
    color: #fff;
}

.CustomInboxDesign .panel-footer .pagination li:first-child a {
    background-color: #2fa4e7;
    border-radius: 20px 0 0 20px;
}

.CustomInboxDesign .panel-footer .pagination li:last-child a {
    background-color: #38BAE7;
    border-radius: 0 20px 20px 0;
}

.CustomInboxDesign .panel-footer .pagination li a i {
    margin: 0;
    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;
}

@-webkit-keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

@-moz-keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

@keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

#mdlViewInstance.modal .modal .modal-body {
    height: 370px;
}

/*OUTLOOK VIEW*/
.outLookView .panel {
    border: none;
    background-color: transparent;
}

.outLookView .panel .datatable-scroll .inb_datlist:first-child {
    margin: 0 0 4.5px!important;
}

.outLookView .panel .datatable-scroll .inb_datlist {
    border: none !important;
    margin: 4.5px 0 !important;
    float: left;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.16);
    position: relative;
    cursor: pointer;
}

/*Select*/
.outLookView .panel .datatable-scroll .inb_datlist.Selected {
    background-color: rgba(0, 178, 225, 0.07);
    box-shadow: 0 5px 7px 0 rgba(0,0,0,.16);
}

.outLookView .panel .datatable-scroll .inb_datlist.Selected .inb_datlist2 .InstanceName a {
    background-color: #fff;
}

.outLookView .panel .datatable-scroll .inb_datlist.Selected .inb_datlist2 span.Username {
    color: #464852;
}

/*Select*/
.outLookView .panel .datatable-scroll .inb_datlist .inb_datlist1 {
    border: none !important;
}

.outLookView .panel .datatable-scroll .inb_datlist .inb_datlist2 {
    border: none !important;
    padding: 5px 10px 5px !important;
}

.outLookView .panel .datatable-scroll .inb_datlist td:first-child {
    border-right: 1px solid #e0e0e0 !important;
}

.outLookView .panel .datatable-scroll .inb_datlist tr:hover {
    background-color: transparent;
}

.outLookView .panel .datatable-scroll .inb_datlist1 #indicator {
    float: left;
}

.outLookView .panel .datatable-scroll .inb_datlist1 #indicator .status-mark {
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50%;
    border: none;
}

.outLookView .panel .datatable-scroll .inb_datlist1 #indicator .InsChk {
    margin: 3px 0 3px 5px;
}

.outLookView .panel .datatable-scroll .inb_datlist2 .InstanceName a {
    font-size: 13px;
    font-weight: 400;
    height: auto;
    background-color: #E9F8FB;
    color: #00B2E1;
    border-radius: 0;
    padding: 1px 10px !important;
    display: inline-block;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span {
    font-size: 14px;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span.Username {
    line-height: 13px;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #65697E !important;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span.InstanceName {
    float: left;
    width: 100%;
    padding: 2px 0 14px;
}

.outLookView .panel .datatable-scroll .inb_datlist:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 0.5px;
    background: #00B2E1;
    width: 4px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    height: 0;
    border-radius: 0;
}

.outLookView .panel .datatable-scroll .inb_datlist:hover:after, .outLookView .panel .datatable-scroll .inb_datlist:focus:after, .outLookView .panel .datatable-scroll .inb_datlist.Selected:after {
    top: 0;
    bottom: 0;
    height: 100%;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime {
    float: right;
    margin-left: 7px;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate i {
    font-size: 13px;
    color: #22C7A2;
}

.outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime i {
    font-size: 14px;
    color: #22C7A2;
}

.outLookView .panel .panel-footer {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    border-top: none !important;
    border-radius: 0 0 5px 5px;
    margin-top: 6px;
}

.outLookView .panel-footer .pagination>li>a, .outLookView .panel-footer .pagination>li>span {
    background-color: #00b2e1;
}

.outLookView .panel .panel-heading {
    background-color: #fff !important;
    padding: 11px 20px !important;
    margin-bottom: 9px !important;
    border-radius: 5px 0 0 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.outLookView .panel .panel-heading .heading-elements ul li[title~=Search] .input-group {
    width: 135px;
}

.outLookView .panel .panel-heading .heading-elements ul li:nth-child(2) .btn-group {
    width: 80px;
}

/*OUTLOOK VIEW*/
/*Inbox Design*/
.CommonTable .panel {
    border: 1px solid #B8BFCF !important;
    box-shadow: none;
    border-top: 0 !important;
}

.CommonTable .panel-heading {
    background-color: #9675CE;
    padding: 13px 20px !important;
    border-radius: 0;
    margin: 0 !important;
    border: none;
    color: #fff;
}

.CommonTable .panel-body {
    padding: 0;
}

.CommonTable table thead tr {
    padding: 10px 0 !important;
    height: 36px !important;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    background-color: #EBECF0 !important;
}

.CommonTable table thead tr th {
    border: none;
    padding: 0 20px !important;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    color: #37425E;
    padding-left: 0;
}

.CommonTable table tbody tr td {
    border-left: none !important;
    border-right: none !important;
    padding: 8px 20px !important;
    border-bottom: 1px solid #dce0e8 !important;
    border-top: 0;
    color: #37425E;
    font-weight: 500;
    font-size: 13px;
}

.gantt_task_scale {
    background-color: #4f81bd !important;
    color: #fff !important;
    font-size: 12px;
}

#mdlgridUpload .modal-body .page-container {
    height: auto !important;
    min-height: 0 !important ;
}

.InboxProcessList table {
    border-bottom: none !important;
    background-color: #76D6D4;
    border-top: none !important
}

.InboxProcessList table tr th {
    border-left: 1px solid #ddd !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.InboxProcessList table tr th:first-child {
    border-left: 1px solid #ddd !important;
}

#dvProcess table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    border: none;
}

#dvProcess table tbody tr {
    background-color: #fff;
    border-bottom: none;
    border-top-color: #dcdcdc;
}

#dvProcess table tbody tr:first-child {
    border-top: none;
}

#dvProcess table tbody tr:last-child {
    border-bottom: #dcdcdc;
}

.viewInstance .page-content .content-wrapper .CustomFixed {
    position: relative;
    margin-top: 0 !important;
}

.viewInstance .page-content .content-wrapper .page-header-content .heading-elements {
    position: absolute;
    top: 5px !important;
}

.outlookright .page-content .content-wrapper .CustomFixed {
    position: relative;
    margin-top: 0 !important;
    z-index: 1;
}

.outlookright .page-content .content-wrapper .page-header-content .heading-elements {
    position: absolute;
    top: 5px !important;
}

.outlookright .page-content .content-wrapper .DocumentAlignmentLeft, .outlookright .page-content .content-wrapper .DocumentAlignmentRight {
    margin-top: 0;
}

.outlookright .page-content .content-wrapper .CustomIspaceMobile {
    padding-top: 0 !important;
}

.mailView .page-content .content-wrapper .CustomFixed {
    position: relative;
    margin-top: 0 !important;
    z-index: 1;
    margin-bottom: 0;
}

.mailView .page-content .content-wrapper .page-header-content .heading-elements {
    position: absolute;
    top: 5px !important;
}

.mailView .page-content .content-wrapper .content {
    padding-top: 0 !important;
}

#spnSlotCount {
    margin-top: -1px;
    top: 0;
}

div.dhxcombo_option div.dhxcombo_checkbox {
    top: 3px !important;
}

.ui-datepicker-header a span {
    display: none !important;
}

.ui-datepicker-header .ui-datepicker-title span {
    color: #353535 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.inboxToolbar .nav li {
    display: inline-block;
}

.inboxToolbar .dropdown-menu li {
    display: block;
}

/*.form-group .form-group:last-child{margin-bottom:20px !important;}*/
.CustomSearchPad .input-group-btn button {
    padding: 7.5px 12px;
}

#lookupGrid {
    width: auto !important;
    overflow-x: auto;
    min-width: 100%;
}

#lookupGrid thead tr th {
    background-color: #76D6D4 !important;
    padding: 11px 8px;
    border: none !important;
}

#lookupGrid tbody tr td, #lookupGrid tbody tr th {
    padding: 10px 8px;
}

#lookupGrid_container.ui-iggrid .ui-iggrid-scrolldiv {
    border-bottom: none !important;
}

#lookupGrid tbody tr:nth-child(even) {
    background: #fff
}

#lookupGrid tbody tr:nth-child(odd) {
    background: rgba(118, 214, 212, 0.07) !important;
}

#lookupGrid tbody th, #lookupGrid tbody td {
    border-bottom: 1px solid rgba(118, 214, 212, 0.17) !important;
    border-right: 1px solid rgba(118, 214, 212, 0.17) !important;
}

#lookupGrid tbody th {
    border-left: 1px solid rgba(118, 214, 212, 0.17) !important;
}

#lookupGrid_container.ui-iggrid th.ui-iggrid-rowselector-class.ui-state-active, #lookupGrid_container.ui-iggrid td.ui-state-active {
    background-color: transparent;
    border-bottom: 1px solid rgba(118, 214, 212, 0.17) !important;
    border-right: 1px solid rgba(118, 214, 212, 0.17) !important;
    border: none;
    border-top: 1px solid transparent;
}

/*STEPWIZARD*/
.CustomStepWizard {
    margin-bottom: 25px;
}

.CustomStepWizard .sf-wizard .sf-content .sf-viewport {
    /*background-color:#fff;*/
    border: none;
}

.CustomStepWizard .sf-wizard .sf-content .sf-viewport .sf-step {
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-width: 1px;
    border-style: solid;
}

.CustomFormWizard > .ui-formwizard {
    background-color: #fff;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 0 !important;
    margin-bottom: 20px;
}

.CustomFormWizard .ui-formwizard-content>h6 {
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 34px;
    margin-bottom: 25px;
}

.CustomFormWizard .form-wizard-actions {
    padding: 12px 15px;
    border-top: 1px solid #ccc;
}

.CustomFormWizard .form-validation>.panel-heading {
    padding: 16px 20px !important;
    border-bottom: 1px solid #e7ecea;
    font-size: 18px;
    line-height: 20px;
}

.CustomFormWizard .step {
    overflow: auto;
}

/*STEPWIZARD*/
.ui-dialog-titlebar-close {
    width: 35px !important;
    right: 0.5em !important;
}

.ui-dialog-titlebar-close span, .ui-dialog-titlebar-close:after {
    display: none;
}

.form-group .form-control:focus {
    border-color: #80bdff;
}

.multiselect-container {
    min-width: 100%;
}

.multiselect-container.dropdown-menu {
    padding: 0 !important;
    margin: 0 !important;
}

.multiselect-container.dropdown-menu > .active > a {
    color: #fff !important;
}

.multiselect-container.dropdown-menu > .active > a label {
    margin-bottom: 0 !important;
}

.checker span:after {
    font-size: 14px;
    top: 0;
    left: 0;
}

#smartUIPageContent .content-wrapper .page-header-content a.heading-elements-toggle:nth-child(2) {
    display: none;
}

#smartUIPageContent .sidebar {
    width: 240px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0 !important;
}

.sf-t5.sf-slide .sf-viewport {
    padding: 0;
    height: 400px !important;
}

/*IconAnimation*/
.iconAnimated .iconAnimate {
    width: 75px;
    height: 75px;
    box-shadow: 0 0 0 3px rgba(255,255,255,1)
}

.mas_header_bg .iconAnimate {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

/*ADMINCONSOLE MENU NEW*/
.CustomColClass {
    float: left;
}

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

.CustomConsoleMenu .CustomMenuView {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,.05);
    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 {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

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

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

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

.CustomConsoleMenu .CustomMenuView .CustomLoadMenu.CustomImgBg {
    /*background-image: url(../images/Bg_AdminConsol.png) !important;
*/
    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;
    color: #fff !important;
    margin: 0 auto;
    line-height: 18px;
    background-color: rgba(0, 0, 0, 0.11);
    padding: 10px 0;
    border-radius: 10px 0 0 0;
}

.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: 0;
    margin: 0 auto 15px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    color: #fff;
    border: 1px solid #ddd;
}

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

.CustomConsoleMenu .CustomMenuView .CustomViewIcon h4 a {
    color: #3e4f6c !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon p {
    color: #b1afaf;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
}

.CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
    -webkit-transform: translateX(165%) translateY(0%);
    -moz-transform: translateX(165%) translateY(0%);
    -ms-transform: translateX(165%) translateY(0%);
    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;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
    border-radius: 10px 0 0 10px;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-teal-400 div.iconAnimate i svg path {
    fill: #26a69a !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-blue-400 div.iconAnimate i svg path {
    fill: #29b6f6 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-green-400 div.iconAnimate i path {
    fill: #9ccc65 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-danger-400 div.iconAnimate i path {
    fill: #ef5350 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-warning-400 div.iconAnimate i path {
    fill: #ff7043 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-success-400 div.iconAnimate i pathe {
    fill: #66bb6a !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-brown-400 div.iconAnimate i path {
    fill: #8d6e63 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-purple-400 div.iconAnimate i path {
    fill: #7e57c2 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-violet-400 div.iconAnimate i path {
    fill: #ab47bc !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-pink-400 div.iconAnimate i path {
    fill: #ec407a !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-indigo-400 div.iconAnimate i path {
    fill: #5c6bc0 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-slate-400 div.iconAnimate i path {
    fill: #78909c !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-grey-400 div.iconAnimate i path {
    fill: #888 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-primary-400 div.iconAnimate i path {
    fill: #42a5f5 !important;
}

.CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate, .CustomConsoleMenu .CustomMenuView .CustomViewIcon.bg-info-400 div.iconAnimate i path {
    fill: #26c6da !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-image: url(../images/WorkareaBG.png), url(../images/WorkareaIconBG.png) !important;
    background-position: -35px -35px,120% 133%;
    background-repeat: no-repeat;
    content: '';
    background-size: auto, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

/*CUSTOMSCROLLBAR*/
.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 0 !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;
}

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

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        -webkit-transform: translateX(190%) translateY(0%);
        -moz-transform: translateX(190%) translateY(0%);
        -ms-transform: translateX(190%) translateY(0%);
        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 {
        -webkit-transform: translateX(170%) translateY(0%);
        -moz-transform: translateX(170%) translateY(0%);
        -ms-transform: translateX(170%) translateY(0%);
        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.33333%;
    }

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

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        -webkit-transform: translateX(170%) translateY(0%);
        -moz-transform: translateX(170%) translateY(0%);
        -ms-transform: translateX(170%) translateY(0%);
        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 {
        -webkit-transform: translateX(170%) translateY(0%);
        -moz-transform: translateX(170%) translateY(0%);
        -ms-transform: translateX(170%) translateY(0%);
        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.33333333%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        -webkit-transform: translateX(135%) translateY(0%);
        -moz-transform: translateX(135%) translateY(0%);
        -ms-transform: translateX(135%) translateY(0%);
        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 {
        -webkit-transform: translateX(142%) translateY(0%);
        -moz-transform: translateX(142%) translateY(0%);
        -ms-transform: translateX(142%) translateY(0%);
        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.33333333%;
    }

    .CustomConsoleMenu .CustomMenuView:hover .CustomViewIcon .iconAnimate {
        -webkit-transform: translateX(120%) translateY(0%);
        -moz-transform: translateX(120%) translateY(0%);
        -ms-transform: translateX(120%) translateY(0%);
        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 {
        -webkit-transform: translateX(130%) translateY(0%);
        -moz-transform: translateX(130%) translateY(0%);
        -ms-transform: translateX(130%) translateY(0%);
        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 {
        -webkit-transform: translateX(150%) translateY(0%);
        -moz-transform: translateX(150%) translateY(0%);
        -ms-transform: translateX(150%) translateY(0%);
        transform: translateX(150%) translateY(0%);
    }
}

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

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

/*ADMINCONSOLE MENU NEW*/
/*PAGINATION*/
.cd-pagination.no-space {
    width: auto;
    max-width: none;
    display: inline-block;
    border-radius: 0.25em;
    border: 1px solid #e6e6e6;
    margin: 10px 0;
    position: relative
}

.cd-pagination.no-space:after {
    content: "";
    display: table;
    clear: both;
}

.cd-pagination.no-space li {
    margin: 0;
    float: left;
    border-right: 1px solid #e6e6e6;
    padding: 0 !important;
}

.cd-pagination.no-space li:last-child {
    border-right: none;
}

.cd-pagination.no-space a, .cd-pagination.no-space span {
    float: left;
    border-radius: 0;
    padding: 8px 11px !important;
    border: none;
    line-height: unset !important;
}

.cd-pagination.no-space li:first-child a {
    border-radius: 0.25em 0 0 0.25em;
}

.cd-pagination.no-space li:last-child a {
    border-radius: 0 0.25em 0.25em 0;
}

/*PAGINATION*/
#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 #8e8e8e;
    border-radius: 5px;
    background-color: #fff;
    color: #4d4d4d !important;
    height: 40px;
}

#elementsMenu.dhtmlxMenu_dhx_skyblue_Middle .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal .top_level_text {
    height: 40px;
}

#elementsMenu .align_left div:nth-child(2), #elementsMenu .align_left div:nth-child(3), #elementsMenu .align_left div:nth-child(4) {
    margin-left: 1px;
}

#elementsMenu .align_left>div:after {
    content: '';
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    min-width: 16px;
    text-align: center;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600;
}

div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
    font-size: 12px;
    font-weight: 500;
}

.ProcessName {
    font-size: 11px;
    letter-spacing: 0.7px;
    color: #fff;
    margin: 0 0;
    text-transform: capitalize;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    top: 3px;
    font-weight: 500;
    background-color: #3F51B5 !important;
    color: #fff !important;
}

.ProcessName i {
    margin-right: 5px;
    font-size: 14px !important;
    top: 1px;
    position: relative;
    color: #fff;
}

.sf-step>.sf-step-el {
    overflow: initial;
}

.sf-step>.sf-step-el .PanelFocus {
    float: left;
    width: 100%;
}

.PanelFocus {
    float: left;
    width: 100%;
}

.pace .pace-progress {
    display: none;
}

.breadCrumb li {
    display: inline-block;
    position: static;
    font-size: 13px;
}

.breadCrumb li a {
    display: block;
    padding: 8px 15px;
}

#divCanvas .BgGrid ul.pagination li {
    display: inline-block;
    float: none;
}

.item {
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 2px 1px 0rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
}

#dwtControlOptions .icons-list > li {
    margin: 5px 6px;
}

/*CUSTOM CHECKBOX*/
.CustomCheckbox {
    float: left;
    height: 18px;
    margin-right: 5px;
}

.CustomCheckbox label, .CustomCheckbox input[type="radio"] {
    outline: none;
}

.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: 0;
}

.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: 18px;
    width: 18px;
    background-color: white;
    border: 2px solid var(--main-lightbg-color);
    margin-right: 0.5em;
}

.CustomCheckbox input[type="radio"]:checked + label::before {
    background: radial-gradient(circle at center, #3b61eb 4px, white 5px);
}

.CustomCheckbox input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox input[type="checkbox"]:checked + label::after {
    content: "\ed6f";
    font-family: 'icomoon';
    position: absolute;
    left: 4px;
    font-size: 11px;
    top: 1px;
    color: var(--main-primary-color);
    font-weight: bolder;
    line-height: 17px;
}

.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: 0 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    margin: 0 5px 0 0 !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: 0;
}

.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: white;
    border: 2px solid #607d8b;
    margin-right: 0.5em;
}

.CustomCheckbox_2 input[type="radio"]:checked + label::before {
    background: radial-gradient(circle at center, #1062a4 3px, white 5px);
}

.CustomCheckbox_2 input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox_2 input[type="checkbox"]:checked + label::after {
    content: "\ed6f";
    font-family: 'icomoon';
    position: absolute;
    right: 10px;
    font-size: 9.5px;
    top: 2px;
    color: #294a5a;
    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: 0;
}

.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: white;
    border: 2px solid #03A9F3;
    margin-right: 0.5em;
}

.CustomCheckbox_3 input[type="radio"]:checked + label::before {
    background: radial-gradient(circle at center, #03A9F3 3px, white 5px);
}

.CustomCheckbox_3 input[type="radio"] + label::before {
    border-radius: 50%;
}

.CustomCheckbox_3 input[type="checkbox"]:checked + label::after {
    content: "\ed6f";
    font-family: 'icomoon';
    position: absolute;
    right: 10px;
    font-size: 9.5px;
    top: 2px;
    color: #03A9F3;
    font-weight: bolder;
}

/*CUSTOM CHECKBOX*/
/*CUSTOM DIALOG*/
.CustomDialog {
    background-color: #fff;
    border-radius: 3px !important;
    border: none;
    padding: 0;
}

.CustomDialog .ui-dialog-titlebar {
    border: none;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #FF6B6B;
    border-radius: 0 0 0 0 !important;
    padding: 15px 12px;
}

.CustomDialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
    line-height: 15px;
}

.CustomDialog .content {
    padding: 10px 14px 6px 14px;
}

.CustomDialog .ui-dialog-content {
    padding: 0 !important;
    height: auto !important;
}

.CustomDialog .ui-dialog-content .CustomDialogBtn {
    padding: 7px 16px;
    background-color: #ff6b6b;
    display: inline-block;
    line-height: 13px;
    margin: 0;
    border: 1px solid #ff6b6b;
    color: #ffffff;
    border-radius: 25px;
    float: right;
    margin-right: 10px;
}

.CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked+label::before {
    background: radial-gradient(circle at center,#a7a7a7 3px,#fff 5px);
}

.CustomDialog .ui-dialog-content .CustomCheckbox input[type="radio"]+label::before {
    border: 2px solid #a7a7a7;
}

.CustomDialog .ui-dialog-content .CustomCheckbox {
    color: #a7a7a7;
}

.ui-dialog {
    background-color: #fff;
    border-radius: 3px !important;
    border: none;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    color: #ffffff;
    font-size: 16px !important;
    font-weight: 400 !important;
    background-color: #FF6B6B;
    border-radius: 0 0 0 0 !important;
    padding: 15px 12px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
    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: 0;
    padding: 20px 0;
}

.ui-dialog .ui-dialog-content .btn {
    padding: 7px 16px;
    background-color: #ff6b6b;
    display: inline-block;
    line-height: 13px;
    margin: 0;
    border: 1px solid #ff6b6b;
    color: #ffffff;
    border-radius: 25px;
    float: right;
    margin-right: 10px;
}

.ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"]:checked+label::before {
    background: radial-gradient(circle at center,#a7a7a7 3px,#fff 5px);
}

.ui-dialog .ui-dialog-content .CustomCheckbox input[type="radio"]+label::before {
    border: 2px solid #a7a7a7;
}

.ui-dialog .ui-dialog-content .CustomCheckbox {
    color: #a7a7a7;
}

/*CUSTOM DIALOG*/
.dvCompare .heading-elements.visible {
    right: 0 !important;
    padding: 3px 0 5px;
    top: 47px !important;
}

.bootstrap-datatimepicker-widget {
    display: block !important;
}

.click2editNarrative {
    background-color: #fff;
}

.click2editNarrative h5 {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    margin: 5px 0 0 0;
}

/*CUSTOM SLANTED TAB*/
.CustomSlantedTab.nav {
    position: relative;
    z-index: 1;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    margin-left: 20px;
    border-bottom: 0;
}

.CustomSlantedTab.nav li {
    display: inline-block;
}

.CustomSlantedTab.nav li a {
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    margin: 0 -6px;
    padding: 1em 4em 1em 2em;
    background-color: transparent;
    border: none !important;
}

.CustomSlantedTab.nav li a span {
    position: relative;
    top: 8px;
    left: 45px;
    color: #fff;
}

.CustomSlantedTab.nav li.active a span {
    color: #fff;
}

.CustomSlantedTab.nav li.active a:hover {
    background-color: transparent;
}

.CustomSlantedTab.nav li a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.8;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 3px 10px 0 0;
    background: #1c75b9;
    transform: perspective(3.5px) rotateX(1.6deg);
    transform-origin: bottom right;
    border: 2px solid #1c75b9;
    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: #91B4DE
}

.CustomSlantedTab .tab-content {
    border: 1px solid #91B4DE !important;
    border-top: 4px solid #91B4DE !important;
    border-radius: 3px;
    background-color: #DFECF5 !important;
}

.CustomSlantedTab.bg-default {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-default ul.nav li.active a::before {
    background: #d3dbdf;
}

.CustomSlantedTab.bg-default tab-content {
    border: 1px solid #d3dbdf !important;
    border-top: 4px solid #d3dbdf !important;
}

.CustomSlantedTab.bg-info {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-info ul.nav li.active a::before {
    background: #00bcd4;
}

.CustomSlantedTab.bg-info tab-content {
    border: 1px solid #00bcd4 !important;
    border-top: 4px solid #00bcd4 !important;
}

.CustomSlantedTab.bg-primary {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-primary ul.nav li.active a::before {
    background: #2196f3;
}

.CustomSlantedTab.bg-primary tab-content {
    border: 1px solid #2196f3 !important;
    border-top: 4px solid #2196f3 !important;
}

.CustomSlantedTab.bg-success {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-success ul.nav li.active a::before {
    background: #4caf50;
}

.CustomSlantedTab.bg-success tab-content {
    border: 1px solid #4caf50 !important;
    border-top: 4px solid #4caf50 !important;
}

.CustomSlantedTab.bg-danger {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-danger ul.nav li.active a::before {
    background: #f44336;
}

.CustomSlantedTab.bg-danger tab-content {
    border: 1px solid #f44336 !important;
    border-top: 4px solid #f44336 !important;
}

.CustomSlantedTab.bg-warning {
    background-color: transparent;
    border: none;
    color: #303030;
}

.CustomSlantedTab.bg-warning ul.nav li.active a::before {
    background: #ff5722;
}

.CustomSlantedTab.bg-warning tab-content {
    border: 1px solid #ff5722 !important;
    border-top: 4px solid #ff5722 !important;
}

/*CUSTOM SLANTED TAB*/
.CustomSAPGrid .ui-widget table thead tr {
    background-color: #CED7DE;
}

.CustomSAPGrid .search_part {
    display: none !important;
}

.CustomSAPGrid .ui-iggrid-scrolldiv table {
    padding: 0 !important;
}

#divCanvas .form-group {
    margin-bottom: 10px;
}

#divCanvas .form-group .controls {
    position: relative;
}

#frmSmartUIResultPreview {
    width: 100% !important;
}

#frmSmartUIResultPreview .fixed-margin {
    padding-top: 0;
}

.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: 0;
    font-size: 13px;
    font-weight: 400;
    color: #777;
}

.CustomPassword .CustomCheckbox label {
    padding: 0;
}

.CustomPassword .CustomCheckbox {
    padding-left: 10px;
}

.CustomPassword legend {
    font-size: 15px;
    font-weight: 500;
    margin: 8px 10px 12px;
    padding: 5px 0 8px;
    line-height: 18px;
    color: #424242;
    border-bottom: 1px solid #c1c1c1;
    text-transform: capitalize
}

.CustomPassword .bootstrap-touchspin-down, .CustomPassword .bootstrap-touchspin-up {
    border: 1px solid var(--main-BtnPrimary-color) !important;
    color: #fff;
}

.CustomPassword .bootstrap-touchspin-down {
    border-left: 1px solid var(--main-primarytext-color) !important;
}

.jconfirm .jconfirm-box {
    padding: 0;
}

.jconfirm .jconfirm-bg {
    opacity: .8 !important;
    background-color: #000 !important;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box {
    border-radius: 10px 10px 0 0;
    background-color: transparent;
    box-shadow: none;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c {
    text-align: center;
    padding: 0;
    background-color: #fff;
    position: relative;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-family: 'icomoon';
    top: 10px;
    font-size: 18px;
    width: 42px;
    height: 42px;
    border: 1px solid #6f6f6f;
    border-radius: 30px;
    padding-top: 11px;
    color: #6f6f6f;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-title-c .jconfirm-title {
    font-size: 26px;
    font-weight: 100;
    padding: 65px 0 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    color: #5a5a5a;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane {
    margin: 0;
    background-color: #fff;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content {
    text-align: center;
    width: 85%;
    margin: 0 auto;
    font-size: 14px;
    color: #404040;
    font-weight: 300;
    line-height: 20px;
    padding: 10px 0;
    padding: 5px 0 40px;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons {
    float: none;
    text-align: center;
    border-radius: 0 0 10px 10px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons:before {
    content: '';
    position: absolute;
    left: 0;
    background-color: #865fdf;
    height: 60px;
    width: 95px;
    border-radius: 0 0 0 10px;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    transform-origin: top right;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons:after {
    content: '';
    position: absolute;
    right: 0;
    background-color: #865fdf;
    height: 60px;
    width: 95px;
    border-radius: 0 0 10px 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default {
    border-radius: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #8f69e8;
    color: white;
    font-size: 19px;
    line-height: 20px;
    font-weight: 500;
    z-index: 1;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    height: 60px;
    left: 95px;
    -webkit-animation: swing 1.5s .3s ease;
    -moz-animation: swing 1.5s .3s ease;
    animation: swing 1.5s .3s ease;
    padding: 3px !important;
    width: 100px;
    cursor: pointer;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #6a41c7;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-o ut;
    transition-timing-function: ease-out;
}

.jconfirm .jconfirm-holder .jconfirm-box-container .jconfirm-box .jconfirm-buttons .btn-default:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*CUSTOMTIMELOG*/
.CustomTimeLog.panel {
    background-color: transparent;
    border: none !important;
    box-shadow: none;
}

.CustomTimeLog .panel-heading {
    background-color: transparent;
}

.CustomTimeLog .panel-heading h5 {
    font-size: 20px;
    font-weight: 300;
    color: #5b5b60;
    margin: 0;
}

.CustomTimeLog .panel-heading h5 span {
    font-size: 17px;
    font-weight: 500;
}

.CustomTimeLog .panel-heading .heading-elements .btn-primary {
    color: #fff;
    font-weight: 500;
    padding: 6px 18px !important;
    border: 0 solid #fff;
    border-radius: 25px !important;
    background-color: #79b7ee;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
}

.CustomTimeLog .panel-heading .heading-elements .input-group input {
    border-radius: 20px 0 0 20px;
    border-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.20);
}

.CustomTimeLog .panel-heading .heading-elements .input-group-btn {
    background-color: #79b7ee;
    background-size: 400% 400%;
    border-radius: 0 20px 20px 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.20);
}

.CustomTimeLog .panel-heading .heading-elements .input-group-btn button {
    background-color: transparent;
    border: none;
}

.CustomTimeLog .panel-heading .heading-elements .btn-primary:hover {
    background-color: #69a7de;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox .xhdr {
    background-color: #d3e8f6 !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}

.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 0 10px;
}

.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: none !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: #51DDD3;
    border-radius: 4px;
    padding: 5px 12px;
    color: #fff !important;
    font-weight: 500;
    font-size: 14px !important;
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
    line-height: 14px;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .TimeLineCount {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 25px;
    padding: 12px 0 0 0;
    color: #fff !important;
    font-weight: 500;
    font-size: 14px !important;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.ev_dhx_skyblue td .TimeLineCount {
    border: 2px solid #F93B69!important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr.odd_dhx_skyblue td .TimeLineCount {
    border: 2px solid #B0E8E2!important;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    position: relative;
    height: 60px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
    color: #848484;
    line-height: 14px;
    border: none !important;
    overflow: inherit;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #c1c1c1;
    top: 0;
    left: 0;
    right: 0;
    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: 0;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td:first-child::before {
    width: 0;
    display: none;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 40%;
    left: 0;
    background-color: #ccc;
    top: 18px;
}

.CustomTimeLog div.gridbox_dhx_skyblue.gridbox table.obj tr td .icon-checkmark-circle {
    font-size: 14px;
    margin-left: 7px;
    color: #51ddd3;
    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: #f93b69;
    margin-top: 1px;
    opacity: 0.8;
}

.CustomTimeLog .panel-footer {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
    border: none !important;
}

.CustomTimeLog .panel-footer .border-green {
    border-color: #79b7ee;
}

.CustomTimeLog .panel-footer ul li a i {
    width: 23px;
    height: 23px;
    /*background-color: #79b7ee;*/
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    line-height: 20px;
    /*border: 1px solid #79b7ee;*/
}

/*CUSTOMTIMELOG*/
/*STICKY NOTE*/
.StickyNote .panel {
    border-radius: 6px;
    border-top-width: 6px;
    background-color: #fff;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.25);
}

.StickyNote .panel .panel-heading {
    border-bottom: 1px solid #f1f1f1;
}

.StickyNote .panel .panel-heading h6 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    line-height: 20px;
    color: #5a5a5a;
}

.StickyNote .panel.panel-blue {
    border-color: #79B7EE;
    color: #fff !important;
}

.StickyNote .panel.panel-green {
    border-color: #51DDD3;
    color: #fff !important;
}

.StickyNote .panel.panel-red {
    border-color: #FF7C7C;
    color: #fff !important;
}

.StickyNote .panel.panel-yellow {
    border-color: #FEC35C;
    color: #fff !important;
}

.StickyNote .panel.panel-purple {
    border-color: #9D81EE;
    color: #fff !important;
}

.StickyNote .panel.panel-blue .panel-heading .heading-elements .icons-list li a {
    background-color: #79B7EE;
}

.StickyNote .panel.panel-green .panel-heading .heading-elements .icons-list li a {
    background-color: #51DDD3;
}

.StickyNote .panel.panel-red .panel-heading .heading-elements .icons-list li a {
    background-color: #FF7C7C;
}

.StickyNote .panel.panel-yellow .panel-heading .heading-elements .icons-list li a {
    background-color: #FEC35C;
}

.StickyNote .panel.panel-purple .panel-heading .heading-elements .icons-list li a {
    background-color: #9D81EE;
}

.StickyNote .panel .panel-heading .heading-elements {
    margin-top: -20px;
    height: auto;
    right: 10px;
}

.StickyNote .panel .panel-heading .heading-elements ul.icons-list {
    margin: 0 !important;
    padding: 10px 0 !important;
}

.StickyNote .panel .panel-heading .heading-elements .icons-list li span {
    font-weight: 500;
    font-size: 13px;
    color: #555555 !important;
}

.StickyNote .panel .panel-heading .heading-elements .icons-list li span b {
    font-weight: 500 !important;
    position: relative;
    top: 1px;
}

.StickyNote .panel .panel-heading .heading-elements .icons-list li span i {
    font-weight: 500;
    font-size: 13px;
    color: #555555 !important;
    top: 0;
    margin-right: 5px;
}

.StickyNote .panel .panel-heading .heading-elements .icons-list li a {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    color: #fff !important;
    position: relative;
    text-align: center;
}

.StickyNote .panel .panel-heading .heading-elements .icons-list li i {
    font-size: 13px !important;
    color: #fff !important;
    position: relative;
    top: 3px;
}

.StickyNote .panel .panel-body p {
    color: #606060;
}

#mdlAddStickyNote ul.icolors {
    display: inline-block;
    padding: 0;
}

#mdlAddStickyNote .icolors li {
    float: left;
    height: 30px;
    margin: 2px;
    width: 30px;
}

#mdlAddStickyNote .icolors li.green {
    background: #51DDD3 none repeat scroll 0 0;
}

#mdlAddStickyNote .icolors li.red {
    background: #FF7C7C none repeat scroll 0 0;
}

#mdlAddStickyNote .icolors li.blue {
    background: #79B7EE none repeat scroll 0 0;
}

#mdlAddStickyNote .icolors li.yellow {
    background: #FEC35C none repeat scroll 0 0;
}

#mdlAddStickyNote .icolors li.purple {
    background: #9D81EE none repeat scroll 0 0;
}

#mdlAddStickyNote .help-block {
    color: #737373;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

#mdlAddStickyNote .icolors > li.active::after {
    color: #fff;
    content: "✓";
    line-height: 30px;
    padding-left: 10px;
}

/*STICKY NOTE*/
/*CUSTOMLISTMENU*/
.CutomListMenu {
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}

.CutomListMenu h6 {
    padding: 12px 15px;
    margin: 0;
    color: #1a1a1a;
    font-weight: 500;
    font-size: 17px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
}

.CutomListMenu .tree {
    height: 457px;
    overflow: auto;
    min-height: 20px;
    padding: 8px 2px 8px 8px;
    margin-bottom: 0;
}

.CutomListMenu .tree ul.ConnectList {
    padding: 0;
    margin: 0;
    padding-right: 15px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li {
    list-style-type: none;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
}

.CutomListMenu .tree ul.ConnectList li.parent_li a {
    padding: 9px 10px 9px 18px;
    border-bottom: none;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #3d3b3b;
    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: none;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li a {
    padding: 4px 10px 4px 10px;
    margin: 0;
    transition: .5s;
    box-shadow: none;
}

.CutomListMenu .tree ul.ConnectList li.parent_li ul li a span {
    font-size: 15px;
    font-weight: 400;
    color: #3d3b3b;
    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: #33aaef;
    color: #fff;
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a:before {
    position: absolute;
    font-family: 'icomoon';
    left: 0;
    top: 8px;
    font-size: 14px;
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a[title~=Expand]:before {
    content: "\edc5";
}

.CutomListMenu .tree ul.ConnectList li.parent_li > a[title~=Collapse]:before {
    content: "\edc6";
}

.CutomListMenu .tree ul.ConnectList li.parent_li a i {
    display: inline-block;
    padding: 0 6px 0 0;
    text-decoration: none;
    color: #263238;
    font-size: 14px;
}

/*CUSTOMLISTMENU*/
.CutomToolTip {
    height: 45px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.CutomToolTip:hover, .CutomToolTip:focus, .CutomToolTip:active {
    background-color: transparent !important;
    box-shadow: none !important;
}

button.template {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    background-color: #f5f5f5;
}

button.template:before, .template:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 78%;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px #656565;
    -moz-box-shadow: 0 15px 10px #656565;
    box-shadow: 0 15px 10px #656565;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

button.template:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

button.template span {
    font-size: 13px;
    color: #505050;
    max-width: 230px;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#dvTemplate h5 {
    font-size: 20px;
    font-weight: 300;
    color: #5b5b60;
}

#dvTemplate h5 span {
    font-size: 17px;
    font-weight: 500;
    color: #5b5b60;
}

.nav-pills>li>a.btn-xs, .navbar-nav>li>a.btn-xs {
    padding: 5px 10px;
}

.btn.btn-exs {
    height: 28px;
    padding: 6.4px 7px !important;
}

.PanelFocus .panel-footer {
    background-color: transparent;
}

#divCanvas .bootstrap-switch .bootstrap-switch-handle-on, #divCanvas .bootstrap-switch .bootstrap-switch-handle-off, #divCanvas .bootstrap-switch .bootstrap-switch-label {
    height: auto !important;
}

/*GridChanges*/
[data-tip] {
    position: relative;
}

[data-tip]:before {
    content: '';
    display: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 36px;
    left: 5px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 40px;
    left: 0;
    padding: 5px 8px;
    background: #1a1a1a;
    color: #fff;
    z-index: 9;
    font-size: 12px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    word-wrap: normal;
}

[data-tip]:hover:before, [data-tip]:hover:after {
    display: block;
}

#tabExpression li a {
    color: #fff !important;
}

#tabExpression li a.btn-default {
    color: #303030 !important;
}

/*GridChanges*/
/*TREEGRID*/
#testCaseTree .containerTableStyle table tr td table tr {
    height: 35px;
}

#testCaseTree .containerTableStyle table tr td table tr td .selectedTreeRow {
    padding: 5px 10px !important;
    border: none;
    border-radius: 2px;
    background-color: #607D8B !important;
}

#testCaseTree .standartTreeImage:before {
    content: '';
    position: absolute;
}

#levelTreeContainer .panel, #dvIPComplexElements .panel {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.25) !important;
}

#treeContainer .panel {
    margin-bottom: 0;
}

/*TREEGRID*/
/*BACKGROUNDANIMATE*/
.AnimatedPanel {
    background: linear-gradient(90deg, #5E8CEC, #3BACF2, #3FD4FC, #3DD5FC);
    background-size: 400% 400%;
    -webkit-animation: Gradient 7s ease infinite;
    -moz-animation: Gradient 7s ease infinite;
    animation: Gradient 7s ease infinite;
    color: #fff;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.AnimatedPanel_2 {
    background: linear-gradient(90deg, #4593C4, #61A9D1, #297FB8, #1D619E);
    background-size: 400% 400%;
    -webkit-animation: Gradient_2 4s ease infinite;
    -moz-animation: Gradient_2 4s ease infinite;
    animation: Gradient_2 4s ease infinite;
    color: #fff;
}

@-webkit-keyframes Gradient_2 {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient_2 {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient_2 {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.sidebar_width {
    width: 350px !important;
    background-color: transparent;
    border-right: 1px solid #ddd;
}

.DocumentAlignmentLeft .sidebar-main, .DocumentAlignmentRight .sidebar-main {
    background-color: #fff;
}

.DocumentAlignmentLeft .CustomFixed, .DocumentAlignmentRight .CustomFixed {
    position: initial;
}

.DocumentAlignmentLeft .Docexpl, .DocumentAlignmentRight .Docexpl {
    padding-top: 0 !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: #fff;
}

.DocumentLeft {
    width: 45%;
    float: left;
}

.DocumentRight {
    width: 45%;
    float: left;
}

.DocumentAlignmentLeft .DocForIspace, .DocumentAlignmentRight .DocForIspace, .jsPanel-content .DocForIspace {
    top: 0;
}

.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;
}

/********************************DXTML********************************/
.gantt_cal_light {
    border-radius: 0;
    border: none;
    height: auto !important;
}

.gantt_cal_light .gantt_cal_ltitle {
    cursor: pointer;
    padding: 15px 10px;
    border-radius: 0;
    background-color: var(--main-modalBg-color);
    border-color: var(--main-modalBg-color);
    color: #fff;
    font-size: 18px;
}

.gantt_cal_light .gantt_cal_ltitle .gantt_time {
    font-weight: 400 !important;
}

.gantt_cal_light .gantt_cal_larea {
    border: none;
    height: auto !important;
    border-bottom: 1px solid #c5c5c5;
}

.gantt_cal_light .gantt_btn_set {
    margin: 12px 5px;
    float: right;
    padding: 5px 15px;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    height: 32px;
    font-weight: 300;
}

.gantt_cal_light .gantt_btn_set.gantt_save_btn_set {
    background-color: #4CAF50;
    border-color: #4CAF50;
    text-shadow: none;
    margin-right: 15px;
}

.gantt_cal_light .gantt_btn_set.gantt_cancel_btn_set {
    background-color: #ff7200;
    border-color: #ff7200;
    text-shadow: none;
}

.gantt_cal_light .gantt_btn_set.gantt_delete_btn_set {
    background-color: #f44336 ;
    border-color: #f44336;
    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: #909090;
    margin: 30px auto;
}

.selectInstance {
    text-align: center;
    margin: 50px 0;
}

.selectInstance i {
    font-size: 120px !important;
    color: #9a9a9a;
}

.selectInstance p {
    font-size: 30px;
    width: 55%;
    text-align: center;
    line-height: 40px;
    color: #909090;
    margin: 5px auto 30px;
}

.CustomSidebarDFS {
    background-color: transparent;
    border-right: 1px solid #ddd;
    transition: all .6s;
    border-bottom: 1px solid #ddd;
}

.CustomSidebarDFS.sidebar {
    width: 300px;
}

.CustomSidebarDFS .sidebar-content {
    top: 138px;
    width: 300px;
}

.CustomFusionDFS {
    width: calc(100% - 300px);
}

.CustomSidebar {
    padding: 0 10px;
}

.CustomExpressionBar .sidebar-content h6 {
    color: #151515;
}

.CustomToggleBtnDFS {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border: 1px solid #5c6bc0;
    border-right: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 4;
    padding: 0;
    background-color: #5c6bc0;
    top: 94px;
    color: #fff;
}

.CustomToggleBtnDFS:focus, .CustomToggleBtnDFS:hover {
    color: #fff;
}

.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: 0;
}

.CustomSidebar .panel-group .panel {
    border: 1px solid #ddd;
}

.CustomSidebar .panel-group .panel .panel-heading {
    cursor: pointer;
}

.CustomSidebar .panel-group .panel .panel-body {
    padding: 10px;
}

.CustomSidebar .panel-group .panel .panel-body ul {
    padding-left: 10px;
    margin-bottom: 0;
}

.CustomSidebar .panel-group .panel .panel-body ul li {
    padding: 8px 0;
}

.CustomSidebar .panel-group .panel .panel-body ul li a {
    color: #353535;
    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: 0;
    left: -8px;
    z-index: 9;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

#OutLookViewToggle.active {
    transform: translateX(-675px);
    -ms-transform: translateX(-675px);
    -o-transform: translateX(-675px);
    -webkit-transform: translateX(-675px);
}

#OutLookViewToggle .theme_switcher_outlook {
    width: 22px;
    height: 44px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border-right: 0;
    border-radius: 0 6px 6px 0;
    text-align: center;
    position: absolute;
    right: -13px;
    top: 0;
    z-index: 999;
    padding: 0;
    background-color: #00b2e1;
    color: #fff !important;
}

#OutLookViewToggle .theme_switcher_outlook i {
    font-size: 16px !important;
    display: inline-block;
    position: relative;
    top: 15px;
}

#OutLookViewToggle #OutLookCollapse {
    position: relative;
    z-index: 60;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    text-align: left;
    display: inline-block;
}

#dvProjectDetails table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

tr.DetailTable {
    background-color: #f1fcfe;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.23);
    margin-bottom: 10px;
}

.DetailTable td:first-child {
    border-left: none;
}

.DetailTable td {
    padding: 15px 8px;
    font-size: 14px;
    border-left: 1px solid #ddd;
}

.DetailTable .DetailTitle {
    font-weight: 500;
}

.CustomPanelStyle {
    border: 1px solid #66b7db !important;
}

.CustomPanelStyle > .panel-heading {
    border-bottom: 1px solid #66b7db !important;
    background-color: #e6f9ff !important;
    border-radius: 3px 3px 0 0 !important;
    background: url('../../images/Blue_bg5.jpg') 50% !important;
}

.CustomPanelStyle > .panel-heading h6 {
    color: #03a9f4;
    font-size: 16px;
}

.CustomPanelStyle > .panel-heading .heading-elements .icons-list a.collapse2 {
    color: #03a9f4;
}

.CustomPanelStyle_2 {
    border: 1px solid #dadada !important;
    border-radius: 2px !important;
}

.CustomPanelStyle_2 > .panel-heading {
    border-bottom: none;
    background-color: #e6f9ff !important;
    border-radius: 0 0 0 0 !important;
    background: url(../images/Voilet_bg.png) !important;
    background-position: 30% 60% !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
}

.CustomPanelStyle_2 > .panel-heading h5 {
    font-size: 16px;
}

.CustomPanelStyle_2 > .panel-heading .heading-elements .icons-list a.collapse2 {
    color: #03a9f4;
}

#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: 0 10px;
    margin-bottom: 15px;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_label label {
    margin-bottom: 8px !important;
    font-size: 14px;
    color: #909090;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control {
    width: 100%;
    margin: 0;
    padding: 0;
}

#frmAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input, #frmMSAttribute .dhxform_base .dhxform_item_label_left .dhxform_control input {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.ExecutionSummary {
    padding: 15px;
}

.ExecutionSummary .panel {
    border: none;
    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: 0;
}

.ExecutionSummary .panel .panel-heading .heading-elements .CustomCheckbox {
    margin-right: 10px;
}

.ExecutionSummary .panel .panel-body {
    padding: 0;
}

.ExecutionSummary .panel .panel-body .table-responsive table {
    border-collapse: separate;
    border-spacing: 0 4px;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr, .ExecutionSummary .panel .panel-body .table-responsive tbody tr {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th {
    padding: 15px 15px;
    background-color: rgba(2, 136, 209, 0.13);
    border: none;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2f3538;
    position: relative;
}

.ExecutionSummary .panel .panel-body .table-responsive thead tr th::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background: linear-gradient(90deg, #0288D1, #039BE5, #29B6F6, #4FC3F7);
    background-size: 400% 400%;
    -webkit-animation: Animatesuite 3s ease infinite;
    -moz-animation: Animatesuite 3s ease infinite;
    animation: Animatesuite 3s ease infinite;
    right: 0;
    top: 20%;
    bottom: 0;
}

.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 0 0 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: 0 3px 3px 0;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td {
    padding: 7px 15px;
    background-color: rgba(2, 136, 209, 0.13);
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #2b2a2a;
    position: relative;
}

.ExecutionSummary .panel .panel-body .table-responsive tbody tr td::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background: linear-gradient(90deg, #0288D1, #039BE5, #29B6F6, #4FC3F7);
    background-size: 400% 400%;
    -webkit-animation: Animatesuite 3s ease infinite;
    -moz-animation: Animatesuite 3s ease infinite;
    animation: Animatesuite 3s ease infinite;
    right: 0;
    top: 9px;
    bottom: 0;
}

.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: 0 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: 0;
}

.CaseSummary .panel .panel-body .table-responsive thead tr th {
    background-color: rgba(0, 188, 212, 0.72);
    padding: 14px 8px;
    color: #ffffff !important;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td {
    background-color: #F2F6FA;
    padding: 12px 8px;
    font-weight: 500;
    color: #40556b;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td label {
    font-weight: 500;
    color: #40556b;
    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, #f44336, #ff6358, #ff7f76, #ff9e98);
    background-size: 400% 400%;
    -webkit-animation: Animatesuite 3s ease infinite;
    -moz-animation: Animatesuite 3s ease infinite;
    animation: Animatesuite 3s ease infinite;
    right: 0;
    top: 10%;
    bottom: 0;
}

.CaseSummary .panel .panel-body .table-responsive thead tr th::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    background-color: #fff !important;
    right: 0;
    top: 20%;
    bottom: 0;
    background: none;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td:first-child::before {
    content: '';
    position: absolute;
    width: 2.5px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(244, 67, 54, 0.65);
    z-index: 9;
    border-radius: 3px 0 0 3px;
}

#tblExecutionStatus .CustomPanelStyle .panel-heading {
    padding: 10px 20px !important;
}

.CaseSummary .panel .panel-body .table-responsive tbody tr td a {
    color: #38B1EB!important;
    font-weight: 400;
    font-size: 14px;
}

.CaseSummary .ElementColorAttr {
    height: 12px;
    width: 12px;
    margin-left: 5px;
    border: 1px solid #999999;
    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 {
    background: linear-gradient(231deg, #C62828, #E57373) !important;
    background-size: 400% 400% !important;
    -webkit-animation: wizard 2s ease infinite !important;
    -moz-animation: wizard 2s ease infinite !important;
    animation: wizard 2s ease infinite !important;
    color: #fff;
}

.bg-success-gradient {
    background: linear-gradient(231deg, #2E7D32, #81C784) !important;
    background-size: 400% 400% !important;
    -webkit-animation: wizard 2s ease infinite !important;
    -moz-animation: wizard 2s ease infinite !important;
    animation: wizard 2s ease infinite !important;
    color: #fff;
}

.CaseSummary h6.CaseTitle {
    position: relative;
    display: inline-block;
    margin: 0;
}

.CaseSummary h6.CaseTitle i {
    top: 6px;
    left: 11px;
    color: #fff;
    z-index: 11;
    font-size: 15px;
}

.CaseSummary h6.CaseTitle span {
    margin: 0;
    margin-left: 50px;
    top: 7px;
    position: relative;
    background-color: #2068a7;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    z-index: 12;
    color: #fff;
}

.CaseSummary h6.CaseTitle::before {
    content: '';
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 20px;
    z-index: 10;
    background: linear-gradient(231deg, #1d5a96, #50a0d2) !important;
    background-size: 400% 400% !important;
    -webkit-animation: wizard 2s ease infinite !important;
    -moz-animation: wizard 2s ease infinite !important;
    animation: wizard 2s ease infinite !important;
}

.CaseSummary h6.CaseTitle::after {
    content: '';
    position: absolute;
    background-color: #715ae0;
    width: 100%;
    height: 1px;
    left: 0;
    top: 17px;
}

.SuiteChartResult {
    background-color: #F0F3F4;
    position: relative;
    color: #5b5b60;
    border: 1px solid rgba(214, 226, 230, 0.3);
    margin: 15px 0;
    border-radius: 2px;
}

.SuiteChartResult h4 {
    font-size: 20px;
    font-weight: 300;
    color: #5b5b60;
    padding: 12px 15px 0;
}

.SuiteChartResult h4 span {
    font-size: 17px;
    font-weight: 500;
    color: #5b5b60;
}

.SuiteChartResult .content-group {
    margin-bottom: 0 !important;
    border-radius: 5px;
    color: #555555;
    margin-bottom: 5px !important;
    background-color: #fff;
    padding: 10px 8px;
    border-bottom: 1px solid #d2d2d2
}

.SuiteChartResult .content-group h6 {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.SuiteChartResult .content-group h6 span {
    color: #555555;
}

.c3-legend-item text {
    color: #ddd !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;
    z-index: 10;
    background-color: #357fb9 !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: #5c79e9;
    border-radius: 2px;
    position: relative;
    z-index: 95;
    top: -2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
    border: 1px solid #eaeaea;
    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, #ff9800, #FF5722) !important;
    background-size: 400% 400% !important;
    -webkit-animation: wizard 2s ease infinite !important;
    -moz-animation: wizard 2s ease infinite !important;
    animation: wizard 2s ease infinite !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, #ff9800, #FF5722) !important;
    background-size: 400% 400% !important;
    -webkit-animation: wizard 2s ease infinite !important;
    -moz-animation: wizard 2s ease infinite !important;
    animation: wizard 2s ease infinite !important;
}

@-webkit-keyframes wizard {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

@-moz-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%
    }
}

/******************************************   CUSTOM TOGGLE CSS   *******************************************/
.CustomToggleBtn {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border: 1px solid #fff;
    border-right: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    position: absolute;
    left: 10px;
    z-index: 4;
    padding: 0;
    background-color: #fff;
    top: 4px;
}

.CustomToggleBtn i {
    top: 12px;
    width: 18px;
}

.CustomToggleLeft {
    width: 20%;
    top: 0;
    left: 0;
    z-index: 999;
    color: #fff;
    transition: all 0.6s;
    z-index: 0;
}

.CustomToggleLeft.active {
    margin-left: -20%;
}

.CustomToggleRight {
    width: calc(100% - 20%);
    transition: all 0.6s;
    position: absolute;
    right: 0;
}

.CustomToggleRight.active {
    width: 100%;
}

.CustomProcessActivityBtn {
    width: 18px;
    height: 38px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border: 1px solid #2196f3;
    border-right: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    position: absolute;
    left: 10px;
    z-index: 4;
    padding: 0;
    background-color: #2196f3;
    top: 3px;
    color: #fff;
}

.CustomProcessActivityBtn:hover,.CustomProcessActivityBtn:focus {
    color: #fff
}

.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;
}

/********************************DXTML********************************/
.MainElements ul li {
    display: inline-block;
}

#dvUsrGroup .page-container {
    height: auto !important;
    min-height: inherit !important;
}

#dvUsrGroup .page-container .CutomMargin {
    position: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

#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: 0;
    padding: 0;
}

.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: #dfebfe;
    content: '';
    position: absolute;
    width: 109%;
    height: 119%;
    top: 0;
    left: -3px;
    z-index: -1;
}

.CustomMegaMenu .mega-dropdown-menu {
    padding: 20px;
    width: calc(100% - 254px);
    top: 45px;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 5px 3px 0 rgba(0,0,0,.3);
    left: 8px;
    background: linear-gradient(#dfebfe,#eaf2ff);
}

.CustomMegaMenu .mega-dropdown-menu::before {
    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;
    background-position: 0 0, 100% 100%, 0 0, 100% 30%;
    background-repeat: no-repeat;
    content: '';
    background-size: auto, auto, contain, auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    border-radius: 5px !important;
    z-index: -1;
}

.CustomMegaMenu .mega-dropdown-menu>li.Sprites {
    width: 20%;
    float: left;
    padding: 0 10px;
}

.CustomMegaMenu .mega-dropdown-menu>li.Sprites:hover {
    background: linear-gradient(to top,#e7f0fe 60%,#99b2dc3d 100%);
    border-radius: 15px 15px 0 0;
}

.CustomMegaMenu .mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0;
}

.CustomMegaMenu .mega-dropdown-menu>li>ul>li {
    list-style: none;
}

.CustomMegaMenu .mega-dropdown-menu>li>ul>li>span {
    position: relative;
    padding: 6px 0;
}

.CustomMegaMenu .mega-dropdown-menu>li.Sprites:hover ul>li.dropdown-header:after {
    background: linear-gradient(to left,#d2dff6 0%,#edf3fd 50%,#d2dff6 100%);
}

.CustomMegaMenu .mega-dropdown-menu>li>ul>li.dropdown-header:after {
    content: '';
    position: absolute;
    background: linear-gradient(to left,#dfeafc 0%,#bfc9da 50%,#dfeafc 100%);
    width: 80%;
    height: 2px;
    left: 0;
    bottom: 2px;
    right: 0;
    margin: 0 auto;
}

.CustomMegaMenu .mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #475263;
    padding: 8px 0;
    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 {
    -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    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: #465163;
    padding: 5px 0 15px;
    line-height: 18px;
    margin-top: 0;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.DataElements.CustomMegaMenu .mega-dropdown-menu li h3, .Diagram.CustomMegaMenu .mega-dropdown-menu li h3 {
    margin: 0 0 10px 10px;
    line-height: 18px;
    font-size: 21px;
}

.IspaceMobile2 li {
    width: 100%;
}

.Diagram.CustomMegaMenu .mega-dropdown-menu>li.Sprites {
    width: 100%;
}

/*******************************CSS SPRITES******************************/
.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) 0 -1px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelHeader"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -36px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelFooter"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -72px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PageHeader"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -106px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelBody"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -141px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelSet"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -176px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithHeader"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -211px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithFooter"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -246px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="LeftPane"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -281px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="RightPane"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -316px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteOne>ul>li a[data-hover="PanelwithBody"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -351px;
}

.UIElements.CustomMegaMenu .mega-dropdown-menu>li.SpriteTwo>ul>li a[data-hover="Column"]:after {
    background: url(../images/SpritesImages/SpritesImg.png) 0 -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: #fff;
    padding: 5px 10px;
    border-bottom: none !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 #ccc;
    padding: 5px 4px;
    border-radius: 3px;
    width: calc(100% - 30px);
}

/*******************************CSS SPRITES******************************/
#menuObj {
    height: auto;
}

#menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Normal, #menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled {
    line-height: 20px;
    padding: 0;
    height: auto;
}

#menuObj .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Disabled {
    cursor: not-allowed;
}

#menuObj div.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
    background-color: transparent;
    border: none;
    line-height: 20px;
    color: #fff;
    padding: 0;
    height: auto;
}

#menuObj i {
    float: right;
    top: 2px;
}

#menuObj .align_left {
    float: left;
}

/*DELETE WARNING MESSAGE*/
div.dhx_modal_cover {
    opacity: .6;
}

.dhtmlx-confirm-warning {
    border: none;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.24);
    width: 325px;
}

.dhtmlx-confirm-warning .dhtmlx_popup_title {
    background-color: #fff;
    background: none;
    border: none;
    color: #485E6E;
    text-shadow: none;
    position: relative;
    padding: 50px 10px 0 !important;
    box-shadow: none;
    height: auto;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    cursor: default;
}

.dhtmlx-confirm-warning .dhtmlx_popup_title:before {
    content: '';
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    background: url(../images/danger.png);
    width: 32px;
    height: 32px;
    top: 12px;
}

.dhtmlx-confirm-warning .dhtmlx_popup_text {
    padding: 3px 60px 20px !important;
    margin: 0;
    border: none;
    border-radius: 0;
    margin: auto;
    max-height: 200px;
    overflow: auto;
}

.dhtmlx-confirm-warning .dhtmlx_popup_text span {
    font-size: 17px;
    font-weight: 300;
    color: #656565;
}

.dhtmlx-confirm-warning .dhtmlx_popup_controls {
    padding: 0 !important;
    border: none;
    border-radius: 0;
}

.dhtmlx_popup_button {
    background: none;
    border: none;
    margin: 0;
    width: 50%;
    background-color: #F7F7F7;
    padding: 10px;
    height: auto;
    border-right: 1px solid #d0d0d0;
    border-radius: 0;
    transition: 0.4s;
}

.dhtmlx_popup_button:hover, .dhtmlx_popup_button:focus {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    background-color: #f65656;
}

.dhtmlx_popup_button:hover div, .dhtmlx_popup_button:focus div {
    color: #fff;
}

.dhtmlx_popup_button div {
    font-weight: 400;
    font-size: 16px;
    color: #717171;
    text-shadow: none;
}

.dhtmlx_popup_button:last-child {
    border-right: none;
}

/*DELETE WARNING MESSAGE*/
.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label {
    height: 32px;
    padding: 6px 6px;
}

.bootstrap-switch {
    margin-right: 0;
}

.FlowDiagram {
    background-color: #fff;
    float: left;
    width: 100%;
    box-shadow: 0px 0px 5px 0 rgba(0,0,0,.22);
}

#dvDFSFrame .page-header {
    display: none;
}

#dvDFSFrame .CustomSidebarDFS .sidebar-content {
    position: relative;
    top: 100px;
    border: 1px solid #ddd;
}

#dvDFSFrame .CustomExpressionContent {
    width: calc(100% - 330px);
}

#dvDFSFrame .GobalDFSToolBar {
    width: calc(100% - 1.3%);
}

#dgmForkedElementsDiv canvas {
    border: 1px solid #c5c5c5;
}

#dvDFSFrame .content-wrapper .content {
    padding-top: 0 !important;
    margin-top: 100px;
}

#dvDFSFrame .CustomSidebarDFS {
    border: none;
}

.GobalDFSToolBar {
    padding: 5px 7px;
    background-color: #fff;
    width: 100%;
    float: left;
    margin-top: 54px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.4);
    position: fixed;
    z-index: 4;
    border-top: 1px solid rgba(17,44,74,.3);
}

.GobalDFSToolBar ul.ToolBar {
    float: left;
    margin: 0;
    padding: 0 0 0 0;
}

.GobalDFSToolBar ul.ToolBar>li {
    float: left;
    height: 72px;
    border-right: 1px solid rgba(17, 44, 74, 0.2);
    list-style: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul {
    padding: 0 ;
    margin: 0;
}

.GobalDFSToolBar ul.ToolBar>li>h5 {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #112c4a;
    line-height: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    margin-bottom: 5px;
}

.GobalDFSToolBar ul.ToolBar>li>ul>li {
    list-style: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul>li>a {
    font-size: 10px;
    font-weight: 600;
    color: #4c4c4c;
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
    padding: 3px 5px 3px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static {
    padding: 0 5px;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li a[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li>a {
    padding: 6px 0 6px 28px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li> a:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:first-child > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -250px -565px;
    left: 0;
    top: -1px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:nth-child(2) > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -285px -285px;
    left: 0;
    top: -2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.SpriteOne:nth-child(3) > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -285px -390px;
    left: 0;
    top: -3px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:first-child > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -285px -3px;
    left: 2px;
    top: -3px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:nth-child(2) > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -285px -320px;
    left: 2px;
    top: -2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static> li.SpriteTwo:nth-child(3) > a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -285px -425px;
    left: 2px;
    top: -3px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps {
    padding: 0 5px;
    width: 100%;
    display: inline-block;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps>li {
    display: inline-block;
    margin-bottom: 5px;
    width: 49%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active {
    background-color: #2cc185;
    color: #fff;
    border-radius: 2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active >a i, .GobalDFSToolBar ul.ToolBar>li>ul.Steps>li.active >a span {
    color: #fff;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps>li>a i {
    color: #2cc185;
    font-size: 14px !important;
    margin-right: 8px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Steps>li>a span {
    color: #4c4c4c;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar {
    padding: 5px 5px 3px 5px;
    float: left;
    margin: 0;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a {
    color: #707070;
    padding: 2px 9px;
    float: left;
    border-right: 1px dotted #3d3d3d;
    margin-bottom: 10px;
    width: auto;
    line-height: 14px;
    opacity: 1;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a[disabled] {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span>a i {
    font-size: 14px !important;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DynamicToolBar>li>span:last-child a {
    border-right: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Tags {
    line-height: 14px;
    text-align: center;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Tags>li>a {
    padding-top: 44px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Tags>li>a:before {
    content: '';
    width: 29px;
    height: 46px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Tags>li.SpriteThree> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -283px -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li {
    width: 50%;
    float: left;
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a {
    padding-top: 25px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child a {
    font-size: 11px;
    font-weight: 500;
    padding-top: 20px;
    padding-left: 32px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child {
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a:after {
    content: '';
    width: 6px;
    height: 5px;
    position: absolute;
    background: url(../images/SpritesImages/SpritesImg.png);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -5px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child >a:after {
    display: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li>a:before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li:last-child >a:before {
    content: '';
    width: 35px;
    height: 18px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour>a::before {
    background: url(../images/SpritesImages/SpritesImg.png) 173px 0;
    left: 16px;
    top: -2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour:nth-child(2) >a::before {
    background: url(../images/SpritesImages/SpritesImg.png) 148px 0;
    left: 16px;
    top: -2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Share>li.SpriteFour:nth-child(3) >a::before {
    background: url(../images/SpritesImages/SpritesImg.png) 170px -24px;
    top: 15px;
    left: 20px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Restrict {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li {
    line-height: 14px;
    text-align: center;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li>a {
    line-height: 12px;
    padding-top: 44px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li> a:before {
    content: '';
    width: 34px;
    height: 40px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Restrict>li.SpriteFive> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -281px -138px;
    left: 16px;
    top: -2px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Delete {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Delete li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Delete li a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Delete>li> a:before {
    content: '';
    width: 29px;
    height: 35px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Delete>li.SpriteSix> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -283px -174px;
    left: 0;
    right: 0;
    margin: auto;
    top: 4px;
}

.GobalDFSToolBar ul.ToolBar>li[disabled="disabled"]>ul.Delete>li.SpriteSix> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -283px -454px;
    left: 0;
    right: 0;
    margin: auto;
    top: 4px;
    opacity: 0.6;
}

.GobalDFSToolBar ul.ToolBar>li[disabled="disabled"]>ul.Delete>li.SpriteSix> a {
    cursor: not-allowed;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li>a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li> a:before {
    content: '';
    width: 31px;
    height: 35px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -282px -209px;
    left: 0;
    right: 0;
    margin: auto;
    top: 4px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Save>li.SpriteSeven> a[disabled]::before {
    background: url(../images/SpritesImages/SpritesImg.png) 63px 42px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Guide {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Guide>li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Guide>li>a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Guide>li> a:before {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Guide>li.SpriteEight> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -282px -247px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li > a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li > a:before {
    content: '';
    width: 35px;
    height: 35px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before {
    background: url(../images/SpritesImages/css-file.png) -282px -247px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}

.GobalDFSToolBar ul.ToolBar>li>.CustomToolBar {
    position: relative;
}

.GobalDFSToolBar ul.ToolBar>li>.CustomToolBar a {
    width: 100%;
    padding-top: 50px;
    display: inline-block;
}

.GobalDFSToolBar ul.ToolBar>li>.CustomToolBar a.CutomToolBarButton::after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/SpritesImages/SpritesImg.png) -278px -489px;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
}

.GobalDFSToolBar ul.ToolBar>li>.CustomToolBar h5 {
    font-size: 11px;
    font-weight: 600;
    color: #4c4c4c;
    position: relative;
    letter-spacing: .5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
    padding: 0;
    text-align: center;
    margin: 0 0 5px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a {
    padding: 5px;
    font-size: 11px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a::before {
    display: none;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Static>li.BtnCustomToolBar>a i {
    font-size: 15px !important;
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu {
    top: 80px;
    width: calc(100% - 258px);
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu.enable, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu.enable, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu.enable {
    width: calc(100% - 15px);
    margin-left: 0;
}

/**************************************************************************************************************************/
.GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li> a:before, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li> a:before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram, .GobalDFSToolBar ul.ToolBar>li>ul.Property, .GobalDFSToolBar ul.ToolBar>li>ul.LayoutCustomSmartUiToggleBtn {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li {
    line-height: 14px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Property>li>a, .GobalDFSToolBar ul.ToolBar>li>ul.Layout>li>a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.UIElements>li.ScoreSpriteOne> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -282px -562px;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li.ScoreSpriteTwo>.DataElements::before {
    background: url(../images/SpritesImages/SpritesImg.png) -317px -2px;
    left: 0;
    right: 0;
    margin: auto;
    top: 6px;
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.DataElements>li.ScoreSpriteTwo>.DataElements .top_level_text {
    margin-top: 50px;
    font-size: 10px;
    font-weight: 600;
    color: #4c4c4c !important;
    position: relative;
    letter-spacing: 0.5px;
    display: inline-block;
    width: 100%;
    line-height: 12px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Diagram>li.ScoreSpriteThree> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -317px -176px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Property>li.ScoreSpriteFour> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -317px -176px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.Layout>li.ScoreSpriteFour> a::before {
    background: url(../images/SpritesImages/SpritesImg.png) -317px -176px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
}

/**************************************************************************************************************************/
.GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect {
    padding-top: 1px;
    margin: 0 0 0 10px;
    float: left;
}

.GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.SingleCombo {
    margin: 0 10px 0 10px;
}

.GobalDFSToolBar ul.ToolBar>li.Combocount.SingleComboMax {
    max-width: 100px;
}

.GobalDFSToolBar ul.ToolBar>li.Combocount.MultiComboMax {
    max-width: 220px;
}

.GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.SingleCombo li {
    width: 100%;
    float: left;
}

.GobalDFSToolBar ul.ToolBar>li>ul.ComboSelect.MultiCombo li {
    width: 47%;
    float: left;
    margin-right: 5px;
}

.GobalDFSToolBar ul li.Preview div {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.GobalDFSToolBar ul li.Preview div span {
    width: 20%;
    font-size: 11px;
    font-weight: 600;
}

.GobalDFSToolBar ul li.Preview div input {
    border: 1px solid #cfd5db;
    width: 60%;
    margin: 0 auto;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 2px 2px 7px;
    color: #4c4c4c;
}

.GobalDFSToolBar ul.ChkPermission {
    display: inline-block;
    margin-top: 20px !important;
}

.GobalDFSToolBar ul.ChkPermission li div.CustomCheckbox {
    margin: 0;
    width: 100%;
    float: left;
    padding: 0 0 10px 10px;
}

.GobalDFSToolBar ul.ChkPermission li div label {
    font-size: 10px;
    font-weight: 600;
    float: left;
}

.GobalDFSToolBar ul.ChkPermission .CustomCheckbox label:before {
    height: 14px;
    width: 14px;
}

.GobalDFSToolBar ul.ChkPermission .CustomCheckbox label:after {
    font-size: 8px;
    top: -1px;
    left: 3px;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group {
    padding: 5px 10px;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group input[placeholder="Search"] {
    height: 28px;
    border-radius: 3px 0 0 3px;
    border-right: none !important;
    font-size: 12px;
    font-weight: 500;
    background-color: #f9fbfc;
    border: 1px solid #d7dbdf;
    color: #9e9d9d;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a {
    border-left: none !important;
    height: 28px;
    border-radius: 0 3px 3px 0;
    padding: 5px 7px;
    border: 1px solid #d7dbdf;
    background-color: #f9fbfc;
}

.GobalDFSToolBar ul.ToolBar li .heading-form .form-group .input-group .input-group-btn a i {
    color: #96afc9;
}

.ScoreTitle {
    border-bottom: none;
    z-index: 6;
}

.ScoreTitle .page-header {
    border-bottom: none;
}

.ScoreTitle .mainHeading {
    padding: 5px 18px 5px 0 !important
}

.ScoreTitle .mainHeading h4 {
    font-size: 13px;
    color: #484444;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: .2px;
}

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

.ScoreDefiner .tabMain {
    background-color: #fff;
}

.ScoreDefiner .tabMain .nav-tabs {
    background-color: #fff;
    margin-bottom: 0;
    border: none;
}

.ScoreDefiner .tabMain .nav-tabs li a {
    text-transform: uppercase;
    font-size: 11px;
    padding: 3px 12px;
    color: #474747;
    font-weight: 600;
    border: none;
    padding: 6px 13px !important;
    line-height: 14px;
}

.ScoreDefiner .tabMain .nav-tabs li.active a {
    color: #0198ff;
}

.ScoreDefiner .tabMain .tab-content {
    padding: 0;
    display: inline-block;
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.25);
    position: fixed;
    border-top: 1px solid rgba(17,44,74,.3);
}

.ScoreDefiner .tabMain .tab-content .GobalDFSToolBar {
    position: static;
    margin-top: 0;
    box-shadow: none;
    float: left;
    border: none;
}

.ScoreDefiner .GobalDFSToolBar {
    position: relative;
    width: auto;
    margin-top: 0;
    display: inline-block;
    float: none;
    box-shadow: none;
}

.ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu, .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu {
    top: 80px;
    width: calc(100% - 260px);
}

.ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu {
    top: 80px;
    width: calc(100% - 80%);
    left: 300px;
}

.ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.UIElements.CustomMegaMenu .mega-dropdown-menu.enable, .ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.DataElements.CustomMegaMenu .mega-dropdown-menu.enable {
    width: calc(100% - 15px);
    margin-left: 0;
}

.ScoreDefiner .GobalDFSToolBar ul.ToolBar>li>ul.Diagram.CustomMegaMenu .mega-dropdown-menu.enable {
    width: calc(100% - 80%);
    margin-left: 0;
}

.CustomScorePage .page {
    font-size: .8em;
    background: #fff;
    box-shadow: 0 0 0.2px 0.3px rgba(0,0,0,.5);
    cursor: text;
    height: 500px;
}

.CustomScoreToggle.enable {
    width: 240px;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}

.CustomScoreToggle {
    width: 0;
}

.CustomScorePage {
    width: 100%;
}

.GobalDFSToolBar ul.ToolBar > li > ul.merge > li.SpriteEight > a::before {
    background: url(../images/SpritesImages/merge.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    left: 0;
    right: 0;
    margin: auto;
    top: 4px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.merge > li > a::before {
    content: "";
    width: 31px;
    height: 35px;
    position: absolute;
}

.GobalDFSToolBar ul.ToolBar > li > ul.merge > li > a {
    padding-top: 50px;
}

.GobalDFSToolBar ul.ToolBar > li > ul.merge > li {
    text-align: center;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.jsPanel-standard {
    left: -240px !important;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
}

.jsPanel-standard.enable {
    transform: translateX(240px);
    -ms-transform: translateX(240px);
    -o-transform: translateX(240px);
    -webkit-transform: translateX(240px);
}

.ToggleScore {
    line-height: 50px;
    display: block;
    font-size: 27px;
    border: 1px solid #fff;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    text-align: center;
    top: 0;
    padding: 0;
    background-color: #fff;
}

/*ZAMBIA MENU*/
.ml_0 {
    margin-left: 0 !important;
}

.mr_0 {
    margin-right: 0 !important;
}

.MobileMenuZambia ul {
    padding: 0;
    margin: 0;
    display: inline-block;
}

.MobileMenuZambia ul li {
    width: 30%;
    float: left;
    padding: 8px 6px;
    border-radius: 5px;
    background-color: #f4eee0;
    border: 1px solid #d8c8a8;
    margin: 8px;
    text-align: center;
}

.MobileMenuZambia ul li a span {
    color: #3e3724;
    font-weight: 400;
}

.MobileMenuZambia ul li a i {
    color: #b9b2a0;
    display: inline-block;
    width: 100%;
    font-size: 23px !important;
    padding: 5px 0;
}

.MobileMenuZambia ul li:hover {
    background-image: url('../images/AdminConsoleMenu.png');
    background-position: left top;
    transition: .6s;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    border: 1px solid #c3a256;
}

.MobileMenuZambia ul li:hover a span, .MobileMenuZambia ul li:focus a span, .MobileMenuZambia ul li:visited a span, .MobileMenuZambia ul li:active a span {
    color: #fff;
}

.MobileMenuZambia ul li:hover a i, .MobileMenuZambia ul li:focus a i, .MobileMenuZambia ul li:visited a i, .MobileMenuZambia ul li:active a i {
    color: #fff;
}

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

.Mobile_login_form .group {
    position: relative;
}

.Mobile_login_form input {
    font-size: 13px;
    padding: 8px 35px 8px 0;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #bf8a1c;
    color: #252525 !important;
    text-align: center;
}

.Mobile_login_form input:focus {
    outline: none;
}

.Mobile_login_form .MoblieLogo {
    text-align: center;
    padding: 25px 0;
}

.Mobile_login_form .form-group .Forgotpassword {
    color: #67552f;
}

.Mobile_login_form .MobileLoginBtn {
    background: #be8c22;
    background: -moz-linear-gradient(top, #76580a 0%, #be8c22 96%);
    background: -webkit-linear-gradient(top, #76580a 0%,#be8c22 96%);
    background: linear-gradient(to bottom, #76580a 0%,#be8c22 96%);
    border: 1px solid #d8c8a8;
    border-radius: 5px;
    padding: 12px 0;
    position: relative;
}

.Mobile_login_form .MobileLoginBtn::after {
    background-image: url('../images/LoginBtnBg.png');
    content: '';
    position: absolute;
    width: 100%;
    height: 31px;
    left: 0px;
    background-position: 100% 50%;
    background-size: 100%;
}

.Mobile_login_form span {
    display: inline-block;
}

.Mobile_login_form .Mobilefooter {
    padding: 15px 0;
    background-color: #7b673a;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.Mobile_login_form .Mobilefooter a {
    color: #fff;
}

.Mobile_login_form .form-group .loginUser::after {
    content: '';
    position: absolute;
    background-image: url('../images/MobileLoginUser.png');
    width: 18px;
    height: 20px;
    top: 8px;
    left: 1px;
}

.Mobile_login_form .form-group .loginPassword::after {
    content: '';
    position: absolute;
    background-image: url('../images/MobileLoginPassword.png');
    width: 12px;
    height: 16px;
    top: 6px;
    left: 1px;
}

/*ZAMBIA MENU*/
#tabbaleCustom {
    background-color: #fff;
}

/*#tabbaleCustom #Info, #tabbaleCustom #Narrative, #tabbaleCustom #Objectives{overflow:auto;}*/
#ifmScoreDefiner {
    height: 100vh !important;
}

.Lock.active .icon-eye, .Lock .icon-eye-blocked {
    display: none;
}

.Lock .icon-eye, .Lock.active .icon-eye-blocked {
    display: block;
}

.TitleTagFlow {
    width: 100px;
    float: left;
}

.TitleTagFlow h4 {
    line-height: 15px;
    margin: 0;
    padding: 30px 0;
    border-right: 1px solid #989e9e;
    font-weight: 500;
    text-transform: uppercase;
    color: #4a4b4b;
}

.myPaletteDiv {
    width: calc(100% - 100px);
    float: left;
}

.ProcessDiagram {
    width: 100%;
    float: left;
}

#dvFilter #cmbVersion .dhxcombo_dhx_skyblue, #dvFilter #cmbActivity .dhxcombo_dhx_skyblue {
    width: 100% !important;
}

.content.CustomTable .tabbable .tab-content {
    background-color: transparent;
    border: none !important;
    box-shadow: none;
}

.CustomComboSelect .dhxcombo_dhx_skyblue {
    width: 100% !important;
    margin: 0 auto 8px;
    height: 22px !important;
    background-color: #f7f7f7;
    border-radius: 0;
    min-width: auto;
    border: 1px solid #e8e8e8;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_input {
    height: 21px;
    left: 0;
    margin: 0;
    padding-left: 8px;
    background-color: #f7f7f7;
    font-size: 11px !important;
    font-weight: 600;
    color: #4c4c4c;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button {
    right: 0;
    height: 21px;
    width: 16px;
}

.CustomComboSelect .dhxcombo_dhx_skyblue .dhxcombo_select_button .dhxcombo_select_img {
    background-color: #f7f7f7 !important;
}

.note-popover.popover.in.note-hint-popover {
    z-index: 10100 !important;
}

.popover {
    min-width: 275px;
    border: none;
    border-radius: 4px;
    box-shadow: 4px 4px 5px 1px rgba(0,0,0,.12);
}

.popover::before {
    position: absolute;
    content: '';
    border-left: 4px solid #59abe0;
    width: 5px;
    height: 100%;
    left: 0;
    border-radius: 4px 0 0 4px;
    top: 0;
}

.popover .popover-content {
    padding: 8px 10px 8px 15px;
    font-size: 13px;
    font-weight: 500;
}

.popover.right>.arrow:after {
    border-right-color: #59abe0;
}

.CustomComboSelect select {
    width: 100% !important;
    margin: 0 auto 8px;
    height: 22px !important;
    background-color: #f7f7f7;
    border-radius: 0;
    min-width: auto;
    border: 1px solid #e8e8e8;
    line-height: 22px;
    padding: 0;
    padding-left: 4.2px;
    font-weight: 500;
}

#frmProcessValidation .content {
    padding: 5px;
    padding-top: 0 !important;
}

#frmProcessValidation .content .panel {
    padding-bottom: 0;
}

#frmProcessValidation .GobalDFSToolBar {
    display: none;
}

.CustomIsapceMenu {
    margin-top: 138px;
    background-color: #fff !important;
    width: calc(100% - 241px);
    position: fixed !important;
    border-bottom: 1px solid #ddd;
    z-index: 3;
}

#comboConnections .dhxcombo_dhx_skyblue, #comboTablenames .dhxcombo_dhx_skyblue {
    width: 100% !important;
}

#mdlDFS .GobalDFSToolBar {
    position: absolute;
    margin-top: 0;
    z-index: 9;
}

#mdlDFS .CustomExpressionContent {
    padding-top: 100px;
}

#mdlDFS .page-container {
    height: auto !important;
}

#mdlDFS .CustomExpressionContent>.content {
    padding: 0 !important;
}

.CustomSwitch {
    position: relative;
    width: 100%;
    float: left;
}

.CustomSwitch .switch {
    display: inline-block;
    position: relative;
    left: 0;
    width: 100%;
}

.CustomSwitch .switch label {
    cursor: pointer;
    width: 100%;
    margin: 0 !important;
    font-size: 11px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: center;
    padding: 0 6px;
}

.CustomSwitch .switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

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

.CustomSwitch .switch label .lever {
    margin: 0;
    content: "";
    display: inline-block;
    position: relative;
    width: 27px;
    height: 11px;
    background-color: #818181;
    border-radius: 15px;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin-left: 10px;
}

.CustomSwitch .switch label input[type=checkbox]:checked+.lever:after {
    background-color: #8BC34A;
    left: 14px;
}

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

#mdlValidation #validationSummaryFrame .GobalDFSToolBar {
    display: none;
}

#rightFrame .ForAdminConsole {
    display: block;
}

#rightFrame .ForDFS {
    display: none;
}

#rightFrame .ForAdminConsolePadding {
    padding-top: 110px !important;
}

#rightFrame #dvDesignStudioIfmContainer .ForAdminConsole {
    display: none;
}

#rightFrame #dvDesignStudioIfmContainer .ForDFS {
    display: block;
}

#rightFrame #dvDesignStudioIfmContainer .ForAdminConsolePadding {
    padding-top: 160px !important;
}

.CustomDocBtn .de_tab_selected, .CustomViewCricle.active {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.53846;
    margin-bottom: 0;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff !important;
    background: #3CA55C;
    background: -webkit-linear-gradient(to right, #B5AC49, #3CA55C);
    background: linear-gradient(to right, #B5AC49, #3CA55C);
    background-size: 400% 400%;
    -webkit-animation: newregbtn 5s ease infinite;
    -moz-animation: newregbtn 5s ease infinite;
    animation: newregbtn 5s ease infinite;
    border: 0 solid #ffffff !important;
    border-radius: 25px !important;
    float: left;
    margin: 0 3px;
    box-shadow: 0 0.125rem 0.625rem rgba(52,58,64,.2), 0 0.0625rem 0.125rem rgba(52,58,64,.2);
}

.CustomDocBtn .de_tab, .CustomViewCricle {
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.53846;
    margin-bottom: 0;
    padding: 4px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #31756a;
    border: 1px solid #7cb999 !important;
    border-radius: 25px !important;
    float: left;
    margin: 0 3px;
    transition: all .4s ease-in-out;
}

.CustomDocBtn .de_tab:hover, .CustomViewCricle:hover {
    background: #B5AC49;
    background: -webkit-linear-gradient(to right, #3CA55C, #B5AC49);
    background: linear-gradient(to right, #3CA55C, #B5AC49);
    background-size: 400% 400%;
    color: #fff;
    /*border: 1px solid transparent !important;*/
    float: left;
    margin: 0 3px;
}

.CustomDocBtn .de_tab_selected i {
    color: #fff !important;
}

.CustomDocBtn .de_tab:hover i, .breadcrumbCustom .de_tab:hover i {
    color: #fff !important;
}

.breadcrumbCustom .de_tab.de_tab_selected {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.53846;
    margin-bottom: 0;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #fff !important;
    background: #3CA55C;
    background: -webkit-linear-gradient(to right, #B5AC49, #3CA55C);
    background: linear-gradient(to right, #B5AC49, #3CA55C);
    background-size: 400% 400%;
    -webkit-animation: newregbtn 5s ease infinite;
    -moz-animation: newregbtn 5s ease infinite;
    animation: newregbtn 5s ease infinite;
    border: 0 solid #ffffff !important;
    border-radius: 25px !important;
}

.breadcrumbCustom .de_tab {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.53846;
    margin-bottom: 0;
    padding: 4px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #31756a;
    border: 1px solid #7cb999 !important;
    border-radius: 25px !important;
}

.breadcrumbCustom .de_tab:hover {
    background: #B5AC49;
    background: -webkit-linear-gradient(to right, #3CA55C, #B5AC49);
    background: linear-gradient(to right, #3CA55C, #B5AC49);
    background-size: 400% 400%;
    color: #fff;
    border: 1px solid transparent !important;
}

.breadcrumbCustom .de_tab i {
    color: #31756a;
}

.breadcrumbCustom .de_tab_selected i {
    color: #fff !important;
}

@-webkit-keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

@-moz-keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

@keyframes newregbtn {
    0% {
        background-position: 0% 86%
    }

    50% {
        background-position: 100% 15%
    }

    100% {
        background-position: 0% 86%
    }
}

.bootstrap-switch-container .bootstrap-switch-handle-off, .bootstrap-switch-container .bootstrap-switch-handle-on {
    font-weight: 500;
}

.form-control[readonly] {
    cursor: default;
}

.dhxtree_dhx_skyblue .standartTreeRow, .dhxtree_dhx_skyblue .standartTreeRow_lor, div.gridbox table.obj td, div.gridbox table.obj tr.rowselected td {
    font-size: 12px;
    font-weight: 500;
}

.SmartUIMobile {
    width: calc(100% - 380px) !important;
    float: left;
}

.SmartUIMobile #divCanvas {
    width: 98%;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
    padding: 10px 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border: 1px solid #ddd !important;
}

.iframeMobile {
    width: 380px;
    float: left;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border: 5px solid #CCCCCC !important;
    border-radius: 18px;
}

.SmartUITab {
    width: calc(100% - 700px) !important;
    float: left;
}

.SmartUITab #divCanvas {
    width: 98%;
    margin: auto;
    background-color: #fff;
    overflow: hidden;
    padding: 10px 0;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border: 1px solid #ddd !important;
}

.iframeTab {
    width: 700px;
    float: left;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border: 5px solid #CCCCCC !important;
    border-radius: 18px;
}

.SmartUIMedium, .SmartUILarge {
    width: 100%;
    float: left;
}

.iframeMedium, .iframeLarge {
    display: none;
}

#viewPortPreview iframe {
    width: 100%;
    border: none;
    border: 15px solid #000;
    border-radius: 15px;
    height: 100%;
    border-top: 30px solid #000;
    border-bottom: 30px solid #000;
}

#ifrmViewPortPreview .fixed-margin {
    padding-top: 0;
}

.Padding_top {
    padding-top: 90px;
}

.Padding_top #Parks {
    padding-top: 15px;
}

.CustomSuiteHeight {
    overflow: auto;
}

/*.CustomToolBarTabbable>.tab-content>.active{display:flex;}*/
#dgmEntityRelationship div {
    overflow: inherit !important;
}

#expDiagramDiv div {
    overflow: inherit !important;
}

/*BACKGROUNDS*/
.CustomBgImg {
    background: url(../images/widget_bg.png) !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-color: #fff !important;
    background-size: 100% !important;
}

.CustomBtnGra {
    background-color: transparent;
    background-size: 400% 400%;
    -webkit-animation: AnimateBtn 30s ease infinite;
    -moz-animation: AnimateBtn 30s ease infinite;
    animation: AnimateBtn 30s ease infinite;
    color: #302163;
    border: 1px solid #253161 !important;
    border-radius: 25px !important;
}

.CustomBtnGra:hover {
    background: linear-gradient(228deg, #5869A9, #463287);
    background-size: 400% 400%;
    -webkit-animation: AnimateBtnhover 30s ease infinite;
    -moz-animation: AnimateBtnhover 30s ease infinite;
    animation: AnimateBtnhover 30s ease infinite;
    color: White;
    border: 1px solid transparent !important;
    border-radius: 25px !important;
}

#exp-header {
    font-size: 16px;
    margin: 0 8px 10px;
    line-height: 20px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 8px;
    font-weight: 500;
}

@-webkit-keyframes AnimateBtn {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes AnimateBtn {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes AnimateBtn {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

.alert {
    font-size: 13px;
    font-weight: 500;
}

#metaformcontainer .dhxform_base {
    width: 100%;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left {
    width: 47%;
    float: left;
    clear: initial;
    margin: 0 12px;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left:last-child {
    width: 100%;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_label {
    width: 100% !important;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_label label {
    font-size: 12px;
    font-weight: 500;
    color: #5f5f5f;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_control {
    width: 100%;
    padding: 0;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_control input {
    width: 100%;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
    font-weight: 500;
    color: #252525;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_btn {
    border: none;
    background-color: transparent;
    background: none;
}

#metaformcontainer .dhxform_base .dhxform_item_label_left .dhxform_btn .dhxform_btn_txt {
    background: linear-gradient(to left,#8cbb1e 0%,#aee22c 100%);
    margin: 0;
    padding: 6px 30px;
    line-height: 16px;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-weight: 500;
    height: 28px;
}

.FlowDiagram #sideBar {
    background: linear-gradient(to left,#ecf0f1 0%,#f2f4f5 100%);
    border: none;
    border-bottom: 1px solid #989e9e;
}

.FlowDiagram #myDiagramDiv {
    border: none;
}

.btn-Custom-xs {
    height: 32px;
}

.CustomSmartUIModal .modal-dialog {
    margin: 70px auto 50px;
}

#dvAddEventsModalContainer .modal-dialog .CustomHeader button i {
    top: -5px;
}

.CustomIspaceDesign .btn.btn-xs {
    height: auto;
    border-radius: 0;
    line-height: inherit;
    margin: 0 !important;
    box-shadow: none;
    overflow: initial;
    transition: none;
}

.validation-error-label, .validation-valid-label {
    float: left;
}

#dvDesignStudioIfmContainer .DesignPreviewMenu {
    margin-top: 65px;
    border-top: 1px solid #00bcd4;
}

#dvDesignStudioIfmContainer .CustomIspaceMobile {
    padding: 110px 0 10px 0 !important;
}

#dvDesignStudioIfmContainer #dvIspaceMenu {
    top: 65px !important;
}

#dvDesignStudioIfmContainer .CutomMargin {
    margin-top: 60px;
}

#dvPPValidation {
    padding-top: 60px !important;
}

#dvPPValidation .panel {
    padding: 10px;
}

#dvPPValidation .login-container {
    margin-bottom: 20px;
    background: linear-gradient(to bottom,#58c47e 40%,#36ab94 100%);
    border-radius: 3px;
    position: relative;
}

#dvPPValidation .login-container:after {
    background-image: url(../images/curve.png);
    background-size: auto;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#dvPPValidation .login-container .login-form {
    margin: 40px auto;
    width: 400px;
}

#dvPPValidation .login-container .login-form h2 {
    margin: 0;
    color: #014218;
    font-weight: 400;
    font-size: 25px;
}

.alert.alert-styled-left {
    border-radius: 30px 0 0 30px;
    border-top: none;
    border-bottom: none;
    border-right: 2px solid;
    box-shadow: 1px 0.5px 4px 1px rgba(0,0,0,.15);
}

.CustomInfoDialog .modal-dialog {
    margin: 0;
}

.CustomInfoDialog .modal-dialog .modal-content {
    border-radius: 12px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);
}

.CustomInfoDialog .modal-dialog .modal-content .modal-header {
    position: relative;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-header button {
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: #2cbac6;
    border-radius: 25px;
    opacity: 1;
    color: #fff;
    top: -10px;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-header::before {
    content: '';
    position: absolute;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-size: auto;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    top: 12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: -315px -244px;
    max-width: fit-content;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-header h4 {
    margin: 0;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-top: 50px;
    color: #303030;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-body .content {
    padding: 10px !important;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group {
    margin: 0 auto !important;
    text-align: center;
    margin-bottom: 0 !important;
}

.CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group .controls a {
    border-radius: 25px;
    padding: 9px 45px;
    line-height: 12px;
    font-size: 13px;
    font-weight: 500 !important;
    background-color: #2DBBC6;
    text-align: center;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);
}

.CustomInfoDialog .modal-dialog .modal-content .modal-body .form-group .controls span {
    background-color: transparent;
    border: none;
    padding: 10px 0 15px;
    color: #6d6d6d;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
}

.CustomConfirmDialog .modal-dialog {
    margin: 0;
}

.CustomConfirmDialog .modal-dialog .modal-content {
    border-radius: 12px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-header {
    position: relative;
    padding: 12px 0 12px 60px;
    border-bottom: 1px solid #ddd;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-header button {
    right: -10px;
    width: 25px;
    height: 25px;
    background-color: #8ad654;
    border-radius: 25px;
    opacity: 1;
    color: #fff;
    top: -10px;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-header::before {
    content: '';
    position: absolute;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-size: auto;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    top: 5px;
    left: 12px;
    right: 0;
    background-position: -318px -339px;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body .content .col-md-6 {
    padding: 0 7px;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body .content {
    padding: 10px !important;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 0 !important;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a {
    padding: 9px 45px;
    line-height: 12px;
    font-size: 13px;
    font-weight: 600 !important;
    background-color: #BFD399;
    text-align: center;
    border: 1px solid #a9bf83;
    border-radius: 2px;
    color: #385801;
    width: 100%;
    margin-bottom: 5px !important;
}

.CustomConfirmDialog .modal-dialog .modal-content .modal-body .form-group .controls span {
    background-color: transparent;
    border: none;
    padding: 12px 0 18px;
    color: #6d6d6d;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
}

.CustomGenericDialog .modal-dialog {
    margin: 0;
}

.CustomGenericDialog .modal-dialog .modal-content {
    border-radius: 9px;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.18);
}

.CustomGenericDialog .modal-dialog .modal-content .modal-header {
    position: relative;
    padding: 12px 0 12px 60px;
    border-bottom: 1px solid #ddd;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-header button {
    right: -10px;
    width: 25px;
    height: 25px;
    background: linear-gradient(to left,#1BD9FE 0%,#49b1fe 60%);
    border-radius: 25px;
    opacity: 1;
    color: #fff;
    top: -10px;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-header::before {
    content: '';
    position: absolute;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-size: auto;
    background-repeat: no-repeat;
    width: 42px;
    height: 42px;
    top: 5px;
    left: 12px;
    right: 0;
    background-position: -319px -293px;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #404040;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .content .col-md-6 {
    padding: 0 7px;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .content {
    padding: 10px !important;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 0 !important;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a.no {
    padding: 9px 45px;
    line-height: 12px;
    font-size: 13px;
    font-weight: 600 !important;
    background-color: #EB9696;
    text-align: center;
    border: 1px solid #d27d7d;
    border-radius: 2px;
    color: #460103;
    width: 100%;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .content .form-group .controls a.yes {
    padding: 9px 45px;
    line-height: 12px;
    font-size: 13px;
    font-weight: 600 !important;
    background-color: #BFD399;
    text-align: center;
    border: 1px solid #a9bf83;
    border-radius: 2px;
    color: #385801;
    width: 100%;
}

.CustomGenericDialog .modal-dialog .modal-content .modal-body .form-group .controls span {
    background-color: transparent;
    border: none;
    padding: 12px 0 18px;
    color: #6d6d6d;
    font-weight: 500 !important;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
}

/*****/
.CustomPackageMasterUX .page-header {
    border: none;
}

.CustomPackageMasterUX .page-header .page-header-content {
    height: 55px;
    background-color: #ecf0f8;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CustomPackageMasterUX .page-header .page-header-content .page-title {
    padding: 0 !important;
    display: inline-block !important;
}

.CustomPackageMasterUX .page-header .page-header-content .page-title h4 {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
}

.CustomPackageMasterUX .page-header .page-header-content .page-title i {
}

.CustomPackageMasterUX .page-header .page-header-content .page-title span {
    font-size: 24px;
    color: #3d3b3b;
    font-weight: 400;
    line-height: 28px;
}

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

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

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul {
    padding: 0;
    margin: 0;
}

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

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

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a:hover span {
    color: #33aaef;
}

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a i {
}

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form ul li a span {
    font-size: 14px;
    font-weight: 500;
    color: #6a727d;
    line-height: 16px;
    font-family: 'Fira Sans', sans-serif !important;
}

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

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group {
    width: 300px;
}

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group input[type="search"] {
    height: 46px;
    border: none;
    border-radius: 50px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #9a9a9a;
    padding: 0 20px;
}

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

.CustomPackageMasterUX .page-header .page-header-content .heading-elements .heading-form .input-group .input-group-btn a {
    background-color: transparent;
    box-shadow: none;
}

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

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

.CustomFixed.page-header .page-header-content .heading-elements ul {
    padding: 0;
    margin: 0;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-shrink: 0;
    grid-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;
    border-radius: 5px !important;
    height: 32px !important;
    border: 1px solid #8994a987 !important;
    background-color: transparent;
    padding: 0 12px !important;
    background-position: 90% 50%;
}

.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 #ddd;
}

.CustomFixed.page-header .page-header-content .heading-elements .form-group .btn-group ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #4f5d77;
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 0;
}

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

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

.CustomFixed.page-header .page-header-content .heading-elements ul li a:hover span {
    color: #33aaef;
}

.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: #4F5D77;
}

.CustomFixed.page-header .page-header-content .heading-elements ul li a span {
    font-size: 13px;
    font-weight: 500;
    color: #6a727d;
    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: #2b2c30 !important;
    background-color: #dee2e5 !important;
}

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

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

.CustomFixed.page-header .page-header-content .heading-elements .input-group input[type="search"] {
    height: 32px !important;
    border: 1px solid #8994a987 !important;
    border-radius: 5px !important;
    background-color: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #404040 !important;
    padding: 0 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: none;
}

.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: #4F5D77;
}

.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: none;
    border-radius: 50px;
    background-color: #ebedf3;
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    padding: 0 20px;
}

.CustomPackageMasterUX .content {
    background-color: #f8f9fd;
    height: 100vh;
}

/*.LeftPackageUX #grdPackage{    height: calc(100vh - 177px) !important;     overflow: auto;}
*/
.CustomPackageMasterUX .LeftPackageUX {
    width: 350px;
    float: left;
}

.CustomPackageMasterUX .RightPackageUX {
    width: calc(100% - 350px);
    float: left;
    height: calc(100vh - 100px);
    overflow-y: auto;
}

.CustomPackageMasterUX .LeftPackageUX .panel {
    box-shadow: 2px 4px 5px rgb(150 169 225 / 12%) !important;
    margin: 0;
}

.CustomPackageMasterUX .LeftPackageUX .panel, .CustomPackageMasterUX .RightPackageUX .panel {
    box-shadow: none;
    border: none !important;
    border-radius: 0 20px 0 0;
    padding: 0 0 0;
}

.CustomPackageMasterUX .RightPackageUX .panel, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading {
    background-color: transparent;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 0 !important;
    background-color: transparent;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading:after, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 96%;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #e7e7e7;
    bottom: 0;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading h6, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading h6 {
    font-size: 20px;
    font-weight: 400;
    color: #3d3b3b;
    margin: 0;
    line-height: 24px;
    font-family: 'Fira Sans', sans-serif !important;
    padding: 12px 0;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading .heading-elements {
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    right: 10px;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements > ul, .CustomPackageMasterUX .RightPackageUX .panel .panel-heading .heading-elements > ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    grid-gap: 5px;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter > a {
    background-color: #f5f6f8;
    border-radius: 10px;
    padding: 0 !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter > a i {
    display: flex;
    padding: 0;
    justify-content: space-around;
    align-items: center;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .heading-elements ul li.Filter ul.dropdown-menu {
    width: 290px;
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    left: auto;
    padding: 6px 25px 15px;
    margin: 10px 0;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 12px rgb(0 0 0 / 6%);
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 15px;
    justify-content: space-between;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span > a {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    color: #9a9a9a;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle label {
    color: #3d3b3b;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    margin: 0;
    font-family: 'Fira Sans', sans-serif !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters .FilterTitle > a {
    font-size: 15px;
    font-weight: 500;
    color: #3d3b3b;
    line-height: 15px;
    background-color: #f0f3fd;
    padding: 4px 18px;
    border-radius: 8px;
    font-family: 'Fira Sans', sans-serif !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 50%;
    grid-gap: 15px;
    justify-content: space-between;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter > a {
    border: none;
    width: auto;
    height: auto;
    font-size: 17px;
    font-weight: 400;
    color: #3d3b3b;
    grid-gap: 10px;
    padding: 4px 10px;
    background-color: #fdeeed;
    height: 35px;
    font-family: 'Fira Sans', sans-serif !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-heading .filters span.RemoveFilter > a label {
    margin: 0;
    font-weight: 400;
}

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

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body, .CustomPackageMasterUX .LeftPackageUX .panel .panel-body .containerTableStyle {
    position: inherit;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow {
    font-size: 16px !important;
    font-weight: 400;
    color: #3d3b3b;
    font-family: 'Fira Sans', sans-serif !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow span {
    font-size: 15.5px !important;
    font-weight: 400;
    color: #3d3b3b;
    font-family: 'Fira Sans', sans-serif !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td.standartTreeRow span.selectedTreeRow {
    background-color: #33aaef !important;
    border-radius: 4px;
    color: #fff !important;
    padding: 6px 10px !important;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3) img {
    display: none;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3) {
    position: relative;
}

.CustomPackageMasterUX .LeftPackageUX .panel .panel-body table tbody tr td:nth-child(3)::before {
    position: absolute;
    content: '';
    background-image: url(../images/PackageMasterUX/TreeDoc.png);
    width: 14px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: 3px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body {
    padding: 15px 20px !important;
}

/*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul{padding:0 5px; margin:0; display:flex; flex-direction:row; grid-gap: 16px; flex-wrap: wrap; }
*/
.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul {
    padding: 0 5px;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-block: 2em; width: min(95%, 70em);
    grid-auto-rows: initial;
    width: 100%;
    gap: 2em;
}

/*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li{flex-basis:24%; }
*/
.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li {
    display: flex;
    align-items: stretch;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:first-child .PackageUX {
    border: 1px solid #5cbbf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(2) .PackageUX {
    border: 1px solid #92c375;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(3) .PackageUX {
    border: 1px solid #927bf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(4) .PackageUX {
    border: 1px solid #f2a65c;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(5) .PackageUX {
    border: 1px solid #f2a65c;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(6) .PackageUX {
    border: 1px solid #927bf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(7) .PackageUX {
    border: 1px solid #92c375;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(8) .PackageUX {
    border: 1px solid #5cbbf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:first-child .PackageUX .PackageTitle i {
    background-color: #5cbbf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(2) .PackageUX .PackageTitle i {
    background-color: #92c375;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(3) .PackageUX .PackageTitle i {
    background-color: #927bf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(4) .PackageUX .PackageTitle i {
    background-color: #f2a65c;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(5) .PackageUX .PackageTitle i {
    background-color: #f2a65c;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(6) .PackageUX .PackageTitle i {
    background-color: #927bf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(7) .PackageUX .PackageTitle i {
    background-color: #92c375;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li:nth-child(8) .PackageUX .PackageTitle i {
    background-color: #5cbbf2;
}

/***** PACKAGE UX MODAL *****/
.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX {
    background-color: #fff;
    border-radius: 20px;
    padding: 18px 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: revert;
    width: 100%;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 15px;
    padding-bottom: 5px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle i {
    width: 42px;
    height: 42px;
    background-color: #5cbbf2;
    border-radius: 100px;
    text-align: center;
    padding: 9px 0;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageTitle a {
    font-size: 20px;
    color: #3d3b3b;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif !important;
    line-height: 24px;
    text-decoration: underline;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 7px;
}

/*.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn{padding: 5px 12px; font-family: 'Fira Sans', sans-serif !important; font-size: 15px; color: #fff; width: 90px; border-radius: 100px; display: inline-block; text-align: center; line-height: 18px;}*/
.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn {
    padding: 5px 12px;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 15px;
    color: #fff;
    width: 90px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: revert;
    width: 100%;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn.Edit {
    background-color: #5cbbf2;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Btn.Launch {
    background-color: #f7ada9;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .PrimaryBtn a.Delete {
    padding-left: 5px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageBtn .SecondaryBtn a.Toggle {
    display: inline-block;
    text-align: center;
    line-height: 18px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p {
    color: #909091;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    word-wrap: break-word;
    width: 100%;
    height: 42px;
    overflow: hidden;
    text-overflow: clip;
    line-height: 1.5;
    font-size: 13px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX p:hover {
    overflow: auto;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .LeftRule {
    color: #a2a2a2;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    line-height: 16px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule .RightRule {
    color: #a2a2a2;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    line-height: 16px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageRule {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    margin-top: 10px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 0;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    grid-gap: 7px;
    height: 24px;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username i, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar i {
    height: 16px;
    display: inherit;
}

.CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Username b, .CustomPackageMasterUX .RightPackageUX .panel .panel-body ul li .PackageUX .PackageFooter .Calendar b {
    font-size: 15px;
    color: #6a727d;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    padding: 0;
    line-height: 14px;
}

/***** PACKAGE UX MODAL *****/
.modal-backdrop.in {
    opacity: .7;
}

.CustomPackageMasterUXModal, .CustomPackageMasterUXModal .modal-body {
    background-color: transparent;
    padding: 0;
    border-radius: 20px;
}

.CustomPackageMasterUXModal .PackageUX {
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0px 0px 15px rgb(150 169 225 / 54%);
    position: relative;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction {
    position: absolute;
    right: 25px;
    top: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgb(150 169 225 / 54%);
    border-radius: 10px;
    padding: 10px 15px;
    width: 150px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li:nth-child(2) {
    padding-top: 10px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
    margin: 0;
    float: inherit;
    align-items: center;
    height: 30px;
    justify-content: space-between;
    padding: 0 10px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox b {
    font-size: 15.5px;
    font-weight: 500;
    color: #3d3b3b;
    margin: 0;
    font-family: 'Fira Sans', sans-serif !important;
    line-height: 18px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label {
    position: relative;
    margin: 0;
    height: 18px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label::before {
    content: "";
    display: inline-block;
    vertical-align: -35%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #f05c53 !important;
    margin-right: 0;
    border-radius: 3px !important;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomCheckbox label::after {
    content: "\ed6f";
    font-family: 'icomoon';
    position: absolute;
    left: 4px;
    font-size: 11px;
    top: 1px;
    font-weight: bolder;
    line-height: 17px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch {
    display: flex;
    flex-direction: row;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label {
    font-size: 15.5px;
    font-weight: 500;
    color: #3d3b3b;
    margin: 0;
    font-family: 'Fira Sans', sans-serif !important;
    line-height: 18px;
    padding: 0 10px;
    text-align: left;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label .lever {
    right: -20px;
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label input[type=checkbox]:checked+.lever {
    background-color: rgb(240 92 83 / 50%);
}

.CustomPackageMasterUXModal .PackageUX .PackageCheckAction ul li .CustomSwitch .switch label input[type=checkbox]:checked+.lever:after {
    background-color: #f05c53;
}

.CustomPackageMasterUXModal .PackageUX .PackageTitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    grid-gap: 15px;
    padding-bottom: 5px;
}

.CustomPackageMasterUXModal .PackageUX .PackageTitle i {
    width: 42px;
    height: 42px;
    background-color: #5cbbf2;
    border-radius: 100px;
    text-align: center;
    padding: 9px 0;
}

.CustomPackageMasterUXModal .PackageUX .PackageTitle a {
    font-size: 20px;
    color: #3d3b3b;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif !important;
    line-height: 24px;
    text-decoration: underline;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-gap: 7px;
    width: 100%;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn {
    padding: 5px 12px;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 15px;
    color: #fff;
    width: 90px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn.Edit {
    background-color: #5cbbf2;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Btn.Launch {
    background-color: #f7ada9;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .PrimaryBtn a.Delete {
    padding-left: 5px;
}

.CustomPackageMasterUXModal .PackageUX .PackageBtn .SecondaryBtn a.Toggle {
    display: inline-block;
    text-align: center;
    line-height: 18px;
}

.CustomPackageMasterUXModal .PackageUX p {
    color: #909091;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    line-height: 26px;
    width: 100%;
    float: left;
}

.CustomPackageMasterUXModal .PackageUX .PackageRule .LeftRule {
    color: #a2a2a2;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    line-height: 18px;
}

.CustomPackageMasterUXModal .PackageUX .PackageRule .RightRule {
    color: #a2a2a2;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    line-height: 18px;
}

.CustomPackageMasterUXModal .PackageUX .PackageRule {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    margin-top: 10px;
    width: 100%;
}

.CustomPackageMasterUXModal .PackageActionBtn {
    padding: 15px 0;
    border-top: 3px solid #e4f1fc;
    border-bottom: 3px solid #e4f1fc;
    margin-top: 15px;
}

.CustomPackageMasterUXModal .PackageActionBtn ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 20px 25px;
    justify-content: space-between;
}

.CustomPackageMasterUXModal .PackageActionBtn ul li a {
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
    height: 36px;
    width: 180px;
    flex-direction: row;
    align-items: center;
    grid-gap: 15px;
}

.CustomPackageMasterUXModal .PackageActionBtn ul li a:hover {
    background-color: #e4f1fc;
    border: 1px solid transparent;
}

.CustomPackageMasterUXModal .PackageActionBtn ul li a:hover span {
    color: #000;
}

.CustomPackageMasterUXModal .PackageActionBtn ul li a span {
    font-size: 16px;
    font-weight: 400;
    color: #3d3b3b;
    font-family: 'Fira Sans', sans-serif !important;
    line-height: 16px;
}

.CustomPackageMasterUXModal .PackageUX .PackageFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 0;
    width: 100%;
}

.CustomPackageMasterUXModal .PackageUX .PackageFooter .Username, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    grid-gap: 7px;
    height: 24px;
}

.CustomPackageMasterUXModal .PackageUX .PackageFooter .Username i, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar i {
    height: 16px;
    display: inherit;
}

.CustomPackageMasterUXModal .PackageUX .PackageFooter .Username b, .CustomPackageMasterUXModal .PackageUX .PackageFooter .Calendar b {
    font-size: 15px;
    color: #6a727d;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif !important;
    margin: 0;
    padding: 0;
    line-height: 14px;
}

.UpdateMaster {
    margin: 0;
}

.UpdateMaster label {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    padding: 4px 5px 4px 12px;
    border: 1px solid #419ed3;
    border-radius: 20px 0 0 20px;
}

.UpdateMaster span {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    padding: 5px 10px 5px 8px;
    background: linear-gradient(to right,#01bfc8 0,#429ed4 100%);
    border-radius: 0 20px 20px 0;
    color: #fff;
    letter-spacing: 0.3px;
    display: inline-block;
}

/*****/
/*****/
.dhxtree_dhx_skyblue .containerTableStyle {
    padding-top: 10px;
}

.dhxtree_dhx_skyblue .containerTableStyle > table > tbody > tr:nth-child(even) {
    background-color: #fff;
}

.dhxtree_dhx_skyblue .containerTableStyle > table > tbody > tr:nth-child(odd) {
    background-color: #fff;
}

.dhxtree_dhx_skyblue .containerTableStyle table tr {
    border-bottom: none;
}

.dhxtree_dhx_skyblue .containerTableStyle table tr td table tr {
    height: 32px;
}

.dhxtree_dhx_skyblue .containerTableStyle table tr td table tr td span {
    padding: 4px !important;
    border: none;
    border-radius: 2px;
    line-height: 14px;
    margin-left: 5px;
}

.dhxtree_dhx_skyblue .containerTableStyle table tr td table tr td span.selectedTreeRow {
    background-color: #ba68c8 !important;
}

/*****/
/*****/
.CustomNavbarStrip {
    height: 50px;
    border: none;
    background-color: var(--main-TopHeader-color);
    box-shadow: none;
    padding: 0 8px !important;
    border-bottom: 1px solid #dddcdc !important;
}

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

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

.CustomNavbarStrip .navbar-brand .DoubleLogo span {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}

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

.CustomNavbarStrip .navbar-header .navbar-brand {
    height: 50px;
    padding: 13px 20px;
    text-align: center;
}

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

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

.CustomNavbarStrip .navbar-collapse ul li.language-switch .dropdown-menu li a {
    color: #303030;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace li.dropdown {
    padding: 9px 0;
}

.CustomNavbarStrip ::placeholder {
    color: #fff;
    opacity: 1;
}

.CustomNavbarStrip :-ms-input-placeholder {
    color: #fff;
}

.CustomNavbarStrip ::-ms-input-placeholder {
    color: #fff;
}

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

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

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover {
    box-shadow: none !important;
}

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

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback input[type="search"] {
    border-radius: 3px;
    background-color: #fff;
    border-bottom-color: transparent;
    color: #202020;
    padding: 6px 5px 6px 32px;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:focus, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:visited, .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:active {
    box-shadow: 0 3px 6px 0 rgba(40,40,90,.09), 0 1px 1px 0 rgba(0,0,0,.065);
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:focus input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:active input[type="search"], .CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:visited input[type="search"] {
    border-radius: 3px;
    background-color: #fff;
    border-bottom-color: transparent;
    color: #202020;
}

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

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback .form-control-feedback i {
    line-height: 30px;
    font-size: 14px;
    color: #ff9800;
    font-weight: 600;
}

.CustomSidebarStrip .sidebar-content ul.navigation li.SearchForDesktop .has-feedback:hover .form-control-feedback i {
    color: #ffb400;
}

.CustomNavbarStrip .navbar-collapse ul:first-child {
    padding: 8px 0;
}

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

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

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

.CustomNavbarStrip .navbar-collapse ul:first-child li a {
    color: #ffb400;
    font-weight: 500;
    display: inline-block;
    padding: 0 0;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li a {
    color: #4f5e77;
    display: inline-block;
    padding: 7px 15px !important;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li ul.dropdown-menu li {
    border-bottom: 1px solid rgb(79 94 119 / 15%);
}

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

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

.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: #fff;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin: 2.5px 10px;
    border: 2px solid #ffffff;
}

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

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

/*.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li::after{height: 40px; border-right: 1px solid #cfd4e3; content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}*/
.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li:last-child::after {
    border-right: none;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a {
    padding: 5px 10px 5px;
    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: #fff;
    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: 0;
}

.CustomNavbarStrip .navbar-collapse > ul:nth-child(3) li a i {
    color: #fff;
    font-size: 18px !important;
}

.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: 0;
}

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

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

.CustomNavbarStrip .navbar-collapse > ul.nav:nth-child(2) > li > a {
    color: #fff;
    font-weight: 400;
    display: flex;
    padding: 0 10px;
    font-size: 13px;
    flex-direction: row;
    align-items: center;
    grid-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: 8px;
}

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

#ThemeOption {
    top: 50px !important;
}

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

/*.CustomNavbarStrip .navbar-collapse > ul li.WorkSpace > a::before {content: ''; position: absolute; background-image: url(../images/IP_logo.png); background-repeat: no-repeat; width: 42px; height: 42px; background-size: 42px; top: 50%; transform: translateY(-50%);}*/
.CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul {
    float: left;
    margin-top: 0;
    z-index: 9;
    left: 0;
    background-color: #fff;
    border-radius: 10px !important;
    border: 1px solid #dce4ff;
    box-shadow: 0 1px 12px rgb(0 0 0 / 6%);
    min-width: 175px;
    padding: 7px 0;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a .CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a {
    margin: 0;
    color: #303030;
    line-height: 12px;
}

.CustomNavbarStrip .navbar-collapse > ul .WorkSpace ul li a i {
    font-size: 11px;
    font-weight: bold;
    color: #ffb400
}

.CustomSiteSearch {
    width: 150px;
    margin: 5px 0 5px 15px;
}

.CustomSiteSearch .form-group {
    margin: 0;
}

.CustomSiteSearch .input-group {
    width: 100%;
}

.CustomSiteSearch .input-group {
    height: 30px !important;
}

.CustomSiteSearch .input-group input {
    background-color: transparent;
    height: 30px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #fff !important;
    padding: 0 8px;
    transition-delay: 1s;
}

.CustomSiteSearch .input-group input:focus {
    width: 225px !important;
    transition-delay: 1s;
}

.CustomSiteSearch .input-group a {
    position: absolute;
    padding: 8px !important;
    right: 15px;
    top: 50%;
    color: #fff !important;
    /*background-image: url(../images/DesignStudio/AdminSearch.svg); */
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.CustomSiteSearch .input-group a:hover {
    background-color: transparent;
}

.CustomNavbarStrip ul .CustomToggleButton a span {
    float: left;
    display: block;
    position: relative;
    margin: 9px 0;
    width: 15px;
    height: 2px;
    background: #fff;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.CustomNavbarStrip ul .CustomToggleButton a span::before {
    position: absolute;
    background: #fff;
    height: 2px;
    content: " ";
    left: 0;
    top: 6px;
    width: 20px;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

.CustomNavbarStrip ul .CustomToggleButton a span::after {
    position: absolute;
    background: #fff;
    height: 2px;
    content: " ";
    left: 0;
    top: -6px;
    width: 10px;
    transition: width .2s ease-in-out;
}

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

.CustomNavbarStrip ul.dropdown-menu {
    background-color: #fff;
    border-radius: 10px !important;
    border: 1px solid #dce4ff;
    box-shadow: 0 1px 12px rgb(0 0 0 / 6%);
    min-width: 200px;
    padding: 7px 0;
    margin-top: 16px;
}

.CustomNavbarStrip .dropdown-menu li a {
    padding: 10px 12px !important;
    width: 100%;
    position: relative;
    font-weight: 500;
    color: #4f5e77;
    font-size: 14px;
    line-height: 20px;
}

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

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

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

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

.CustomSidebarStrip {
    background-color: #ffffff;
    box-shadow: 0 0 10px rgb(150 169 225 / 30%);
    border-right: 0px solid rgb(79 94 119 / 20%);
}

.sidebar-xs .CustomSidebarStrip {
    background-color: #ffffff;
}

.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i {
    color: #889fc7;
}

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

.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;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span {
    color: #3a4b69;
    font-size: 15px;
    font-weight: 400;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a span::after {
    display: none
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a {
    color: #fff;
    padding: 0;
    min-height: 42px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li a {
    padding: 9px 20px 9px 35px;
    border-bottom: 1px solid #e6ebff;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul li a span {
    font-weight: 400;
    padding-left: 0;
    display: inherit;
    line-height: 18px;
}

.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: transparent;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a:hover {
    background-color: #dfe6ff;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a:hover {
    background-color: transparent;
}

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

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a::before {
    background-color: #3b61eb;
    color: #fff;
    content: '';
    position: absolute;
    width: 96%;
    height: 42px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    border-radius: 4px;
    border: none;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    box-shadow: none;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active > a span {
    color: #fff;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li ul {
    background-color: rgba(244, 245, 248, 1);
    color: #2f2c2c;
    /*border-bottom: 1px solid #d4d3d3;*/
}

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

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a::after {
    color: #fff;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a::after {
    color: #6a82ac;
    font-size: 16px;
    font-weight: 500;
}

/*.navigation li>.has-ul:after{ content:'/' !important;background-image: url(../images/SideArrow.png) !important;
background-repeat: no-repeat;background-position: 96% 58%;color: transparent !important;font-size: 23px !important;}
.navigation li.active>.has-ul:after{content:'/' !important;background-image: url(../images/SideArrow-white.png) !important;
background-repeat: no-repeat;background-position: 96% 58%;color: transparent !important;font-size: 23px !important;}*/
.navigation li>.has-ul:after {
    /*background-image: url(../images/SideArrow.png)*/
    ;color: transparent !important;
    width: 10px;
    background-repeat: no-repeat;
}

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

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i {
    width: 55px;
    margin: 0 !important;
    color: #596781;
    text-align: center;
    padding: 15px 0;
    font-size: 0 !important;
    position: relative;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i::before {
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}

/*
.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i.fa.fa-user::before svg path {
        d: path('M 850 300 C 850 300 350 300 350 300 L 348.1 205.39 L 120 400.39 L 348.1 606.19 L 350 500 C 850 500 850 500 850 500 z') !important;
    }*/
.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');
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active ul li a i {
    color: #3b61eb;
}

.CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li.active a i {
    color: #fff;
}

body.sidebar-xs .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul li a i {
    width: auto;
}

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

.CustomSidebarStrip .navigation li {
    color: #303030;
    margin: 0;
    position: relative;
}

/*.CustomSidebarStrip .navigation li::after{content:''; position:absolute; background-color:#ddd; height:100%; width:55px; top:0}*/
.CustomSidebarStrip .navigation .navigation-header a {
    min-height: 34px;
    line-height: 15px !important;
    position: relative;
    padding: 9px 15px !important;
}

.CustomSidebarStrip .navigation .navigation-header a::after {
    position: absolute;
    content: '';
    background-color: rgb(79 94 119 / 40%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.CustomSidebarStrip .navigation .navigation-header a span {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: #182336 !important;
    text-transform: capitalize;
}

#scorePageContent .page-header-content {
    border-bottom: 1px solid #e0e0e0;
}

.SearchForMobile {
    display: none !important;
}

.SearchForDesktop {
    display: block !important;
}

.gantt_row_task {
    width: 100% !important;
}

/**************************************************************************** EVENT CALENDAR ****************************************************************************/
.CustomEventCalender .fc-toolbar .fc-center h2 {
    font-size: 20px;
    margin: 0;
    line-height: 21px;
    font-weight: 400;
    color: #656565;
    padding: 2px 0;
}

.CustomEventCalender .fc-toolbar .fc-left .fc-button-group button, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button {
    background-color: transparent;
    background: transparent;
    padding: 5px 15px;
    height: auto;
    line-height: 13px;
    border: 1px solid #b95fc6;
    font-weight: 500;
    text-transform: capitalize;
}

.CustomEventCalender .fc-toolbar .fc-right .fc-button-group button.fc-state-active {
    background-color: #b95fc6;
    background: #b95fc6;
    color: #fff;
}

.CustomEventCalender .fc-toolbar .fc-left .fc-button-group button:first-child, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button:first-child {
    border-radius: 25px 0 0 25px;
    z-index: 0;
}

.CustomEventCalender .fc-toolbar .fc-left .fc-button-group button:last-child, .CustomEventCalender .fc-toolbar .fc-right .fc-button-group button:last-child {
    border-radius: 0 25px 25px 0;
}

.CustomEventCalender .fc-toolbar .fc-left button.fc-today-button {
    height: auto;
    line-height: 13px;
    border-radius: 25px;
    padding: 6px 25px;
    box-shadow: none;
    background-color: #b95fc6;
    background: #b95fc6;
    text-shadow: none;
    color: #fff;
    font-weight: 500;
    border: none;
}

.CustomEventCalender .fc-view-container table thead, .CustomEventCalender .fc-view-container table thead tr td, .CustomEventCalender .fc-view-container table tbody, .CustomEventCalender .fc-view-container table tbody tr td {
    border: none;
}

.CustomEventCalender .fc-view-container table .fc-head .fc-head-container .fc-row table thead tr th {
    background-color: #ba60c6;
    padding: 9px 0 !important;
    color: #fff;
    border: none;
    border-right: 1px solid #fff;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg table tbody tr td {
    border-color: #fff;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton table thead tr td span {
    font-size: 13px;
    font-weight: 600;
    color: #8f3a9b;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:first-child .fc-bg table tbody tr td:nth-child(odd) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:first-child .fc-bg table tbody tr td:nth-child(even) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(2) .fc-bg table tbody tr td:nth-child(odd) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(2) .fc-bg table tbody tr td:nth-child(even) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(3) .fc-bg table tbody tr td:nth-child(odd) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(3) .fc-bg table tbody tr td:nth-child(even) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(4) .fc-bg table tbody tr td:nth-child(odd) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(4) .fc-bg table tbody tr td:nth-child(even) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(5) .fc-bg table tbody tr td:nth-child(odd) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(5) .fc-bg table tbody tr td:nth-child(even) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(6) .fc-bg table tbody tr td:nth-child(odd) {
    background-color: rgba(185, 95, 198, 0.15);
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row:nth-child(6) .fc-bg table tbody tr td:nth-child(even) {
    background-color: #f7f7f7;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton {
    height: 100%;
    padding-bottom: 0;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table {
    height: 100%;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td a {
    margin: 10px;
    padding: 8px 8px;
    border-radius: 4px;
    background-color: #b95fc6;
    border: none;
    color: #fff;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td a .fc-content span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #fff;
}

.CustomEventCalender .fc-view-container table .fc-body .fc-widget-content .fc-content-skeleton table tbody td .fc-more-cell .fc-more {
    color: #fff;
}

/**************************************************************************** EVENT CALENDAR ****************************************************************************/
.tool-container {
    height: auto !important;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(196,192,196,1);
    border: 1px solid #84caed !important;
    z-index: 10011 !important;
}

.tool-container .tool-items .tool-item {
    width: auto;
    box-sizing: inherit;
}

.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: 0;
    width: 100%;
    height: 100%;
}

.tool-top .tool-item:first-child:hover, .tool-bottom .tool-item:first-child:hover, .tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
    border-radius: 25px;
}

.tool-container.tool-bottom .arrow {
    top: -19px;
}

.tool-container .arrow {
    border-width: 9px;
}

.modal-backdrop {
    z-index: 9998;
}

.helpText {
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    color: #164818;
    margin-top: 8px;
}

.HelpTextBox {
    float: left;
    padding: 15px 10px;
    width: 100%;
    background-color: #f5feff;
    box-shadow: 0 2px 20px 2px rgba(69,90,100,.08);
    border: 1px solid #a1f5fd;
    border-radius: 5px;
}

.HelpTextBox .form-group, .HelpTextBox .CustomCheckbox {
    margin-bottom: 0;
    margin-right: 0;
}

/***************************************************************** Bottom_Fix *****************************************************************/
#ContextMenuBottom {
    position: fixed;
    bottom: -65px;
    height: 65px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    background-color: #1c262b;
    border-top: 1px solid #dfdfdf;
    -webkit-box-shadow: 0 -5px 25px 0px rgba(180, 180, 180, 0.35);
    -moz-box-shadow: 0 -5px 25px 0px rgba(180, 180, 180, 0.35);
    box-shadow: 0 -5px 25px 0px rgba(180, 180, 180, 0.35);
    z-index: 98;
    width: 100% !important;
    right: 0;
}

#ContextMenuBottom > a.ToggleBottomMenu {
    padding: 5px;
    position: absolute;
    border: 1px solid #fff;
    border-bottom: none;
    top: -32px;
    right: 25px;
    background-color: #6770D2;
    width: 35px;
    height: 32px;
    text-align: center;
    box-shadow: 0 -1px 15px 0 rgba(0, 0, 0, 0.25);
    animation: blink 1s linear infinite;
}

@keyframes blink {
    0% {
        background-color: #9199f7;
    }

    25% {
        background-color: #575da9;
    }

    50% {
        background-color: #363a79;
    }

    50% {
        background-color: #575da9;
    }

    100% {
        background-color: #9199f7;
    }
}

#ContextMenuBottom > a.ToggleBottomMenu img {
    position: relative;
    top: 3px;
}

#ContextMenuBottom.active {
    transform: translateY(-65px);
    -ms-transform: translateY(-65px);
    -o-transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
}

#ContextMenuBottom .slick-slider {
    margin: 0;
    padding: 0;
}

#ContextMenuBottom .slick-slider .slick-list {
    overflow: initial;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide {
    height: 100%;
    position: relative;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: center;
    outline: none;
    transition: .4s;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: #797777;
    right: 0;
    top: 11px;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover {
    background: linear-gradient(to top,#29b6f6 0%,#29b6f6 100%);
    transition: .4s;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover a i {
    color: #fff !important;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide:hover a span {
    color: #fff;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide a div {
    width: 100%;
    float: left;
    padding: 10px 0 4px 0 ;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide a div i {
    font-size: 18px !important;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide span {
    display: inline-block;
    width: 100%;
    font-size: 11.5px;
    font-weight: 500;
    padding: 2px 0 7px 0;
    color: #fff;
    letter-spacing: 0.5px;
}

#ContextMenuBottom .slick-slider .slick-prev, #ContextMenuBottom .slick-slider .slick-next, #ContextMenuBottom .slick-slider .slick-dots {
    display: none !important;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu {
    padding: 0;
    margin: 0 0 5px 0;
    border: 1px solid #cdcccc;
    min-width: 250px;
    border-radius: 5px 5px 0 0;
    outline: none;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .heading {
    padding: 20px 12px;
    background-image: url(../images/ContextMenuBg.png);
    background-size: cover;
    line-height: 14px;
    border-radius: 5px 5px 0 0;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .heading span {
    padding: 0;
    text-align: center;
    font-size: 15px;
    color: #fff;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item {
    margin-bottom: 0;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a {
    line-height: 14px;
    padding: 9.5px 8px 9.5px 30px;
    position: relative;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a:hover {
    background-color: transparent;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a::before {
    content: '';
    position: absolute;
    background-color: #e1e5e8;
    width: 3.5px;
    height: 100%;
    top: 0;
    left: 14px;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2) a::before {
    height: 94%;
    top: 3px;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:last-child a::before {
    height: 94%;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item a::after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 14px;
    height: 14px;
    left: 9px;
    border-radius: 25px;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2) a::after {
    border: 3px solid #d92550;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(3) a::after {
    border: 3px solid #f9c750;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(4) a::after {
    border: 3px solid #3ac47d;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(5) a::after {
    border: 3px solid #6770d2;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(6) a::after {
    border: 3px solid #d92550;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item span {
    padding: 0;
    font-size: 14px;
    color: #6c7073;
    font-weight: 500;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:nth-child(2) {
    padding-top: 10px;
}

#ContextMenuBottom .slick-slider .slick-list .slick-track li.slick-slide .dropdown-menu .item:last-child {
    padding-bottom: 10px
}

#MultiWindowRight.noItem {
    height: calc(100% - 90px) !important;
    top: 90px;
}

#MultiWindowRight {
    position: fixed;
    right: -110px;
    z-index: 100;
    width: 110px;
    height: calc(100% - 130px) !important;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-right: 0;
    -webkit-box-shadow: -2px 0px 25px 0 rgba(180,180,180,.45);
    -moz-box-shadow: -2px 0px 25px 0 rgba(180,180,180,.45);
    box-shadow: -2px 0px 25px 0 rgba(180,180,180,.45);
    top: 130px;
    z-index: 9999;
}

#MultiWindowRight > a.ToggleRightMenu {
    position: absolute;
    border-right: none;
    top: 45%;
    right: 108px;
    width: 28px;
    height: 112px;
    text-align: center;
    z-index: 0;
}

#MultiWindowRight > a.ToggleRightMenu img {
    width: 24px;
}

#MultiWindowRight.active {
    transform: translateX(-110px);
    -ms-transform: translateX(-110px);
    -o-transform: translateX(-110px);
    -webkit-transform: translateX(-110px);
}

#MultiWindowRight .MultiWindow .WindowList {
    padding: 9px 8px 12px;
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
}

#MultiWindowRight .MultiWindow .WindowList.active {
    background-color: #f8f9fa;
    border-bottom: 1px solid #cdcccc;
    border-top: 1px solid #cdcccc;
}

#MultiWindowRight .MultiWindow .WindowList a {
    float: left;
    width: 100%;
    top: 12px;
    position: relative;
}

#MultiWindowRight .MultiWindow .WindowList h2 {
    font-size: 12px;
    color: #5e676f;
    font-weight: 600;
    letter-spacing: 0.1px;
    padding: 6px 0;
    margin: 0;
}

#MultiWindowRight .MultiWindow .WindowList span {
    padding: 0px 0 5px;
    display: inline-block;
}

#MultiWindowRight .MultiWindow .WindowList button {
    position: absolute;
    opacity: 1;
    right: 7px;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url(../images/MultiWindowClose.png);
}

.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.tabs-left>li {
    float: left;
    margin: 0px;
}

.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    border: none;
    border-radius: 0px;
    margin: 0px;
}

.nav-tabs>li>a:hover {
    line-height: 1.42857143;
    border: 1px solid transparent;
}

.VideoPlay.col-md-8 {
    padding: 0 10px 0 0;
}

.VideoChatWindow.col-md-4 {
    padding: 0 0 0 10px
}

.VideoChatWindow .tabbable {
    float: left;
    border-right: 1px solid #ddd;
    padding: 10px;
    width: 100%;
}

.VideoChatWindow .col-md-3, .VideoChatWindow .col-sm-4, .VideoChatWindow .col-md-9, .VideoChatWindow .col-sm-8 {
    padding-left: 0;
    padding-right: 0;
}

.VideoChatWindow .tab-content {
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    float: left;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: calc(100vh - 135px) !important;
}

.VideoChatWindow .tab-content .tab-pane {
    float: left;
    height: 100%;
    width: 100%;
}

.VideoChatWindow ul {
    margin: 0;
    padding: 0;
}

.VideoChatWindow ul.sideways li a {
    text-align: center;
    padding: 8px 20px 8px;
}

.VideoChatWindow ul.sideways li a::before {
    display: none;
}

.VideoChatWindow ul.sideways li.active a {
    border-bottom: none !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

.VideoChatWindow ul.sideways li a span {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.2px;
}

.VideoChatWindow .chat-list .media-content:before {
    display: none;
}

.VideoChatWindow .chat-list .media.reversed .media-body .media-content:not([class*=bg-]) {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff;
}

.VideoChatWindow .chat-list .media .media-body .media-content:not([class*=bg-]) {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #acacac;
}

.VideoChatWindow .chat-list .media .media-body .media-content {
    font-size: 14px;
    font-weight: 500;
    padding: 12px 12px;
}

.VideoChatWindow .chat-list .media .media-body .media-annotation {
    font-size: 13px;
    font-weight: 500;
    color: #acacac;
}

.VideoChatWindow .tab-content .tab-pane .EnterSubmit {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

.VideoChatWindow .tab-content .tab-pane .EnterSubmit textarea {
    width: calc(100% - 65px) !important;
    float: left;
    margin: 0 !important;
    background-color: #f5f5f5;
    position: relative;
    border: none;
    background-image: url(../images/ChatEnter.png);
    background-repeat: no-repeat;
    background-position: 3% 50%;
    padding: 10px 12px 10px 50px;
    height: 55px;
    line-height: 34px;
    border-radius: 4px;
}

.VideoChatWindow .tab-content .tab-pane .EnterSubmit a {
    width: 55px;
    height: 55px;
    background-color: #2196f3;
    float: right;
    margin-left: 10px;
    border-radius: 50%;
    position: relative;
}

.VideoChatWindow .tab-content .tab-pane .EnterSubmit a::before {
    content: '';
    position: absolute;
    background-image: url(../images/EnterSent.png);
    width: 19px;
    height: 16px;
    left: 0;
    right: 0;
    margin: auto;
    top: 19px;
}

.VideoChatWindow .chat-list, .VideoChatWindow .chat-stacked {
    height: calc(100vh - 230px) !important;
    max-height: 100%;
}

.VideoPlay .page-header {
    background-color: #f6f9fe;
    box-shadow: 0 2px 9px 0 rgba(189, 192, 194, 0.35);
    border-bottom: none;
    margin-bottom: 5px;
}

.VideoPlay .page-header .heading-elements a {
    padding: 12px;
    display: inline-block;
}

.VideoPlay .page-header .heading-elements a i {
    font-size: 25px !important;
    color: #b6b6c1;
}

.VideoPlay .page-header h4 {
    color: #acacac;
    font-size: 15px;
}

.VideoPlay .page-header .page-header-content {
    padding: 0 10px;
}

.VideoPlay .page-header .page-header-content .page-title {
    padding: 18px 18px 18px 0;
}

.VideoPlay .page-header .page-header-content .page-title h4 i {
    display: inline-block;
    position: relative;
}

.VideoPlay .page-header .page-header-content .page-title.online h4 i::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #49d237;
    border-radius: 25px;
    border: 3px solid #fff;
    right: -6px;
    top: -4px;
    box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)
}

.VideoPlay .page-header .page-header-content .page-title.offline h4 i::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #F44336;
    border-radius: 25px;
    border: 3px solid #fff;
    right: -6px;
    top: -4px;
    box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)
}

.VideoPlay .page-header .page-header-content .page-title h4 span {
    padding-left: 10px;
}

.VideoPlay .page-header .page-header-content .page-title.online h4 span#spnStatus {
    color: #49d237;
    position: absolute;
    left: 40px;
    top: 50px;
    font-size: 12px;
}

.VideoPlay .page-header .page-header-content .page-title.offline h4 span#spnStatus {
    color: #F44336;
    position: absolute;
    left: 40px;
    top: 50px;
    font-size: 12px;
}

.VideoPlay .VideoSprites > a {
    position: relative;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    margin: 0 10px;
}

.VideoPlay .VideoSprites > a:first-child {
    background-position: -173px -33px;
}

.VideoPlay .VideoSprites > a:nth-child(2) {
    background-position: -172px -68px;
}

.VideoPlay .VideoSprites > a:nth-child(3) {
    background-position: -173px -102px;
}

.VideoPlay .VideoSprites > a:nth-child(4) {
    background-position: -173px -138px;
}

.VideoPlay .VideoSprites > a:nth-child(5) {
    background-position: -173px -173px;
}

.VideoPlay .VideoSprites > a:nth-child(6) {
    background-position: -173px -208px;
}

.VideoPlay .VideoSprites > a.active:first-child {
    background-position: -173px -244px;
}

.VideoPlay .VideoSprites > a.active:nth-child(2) {
    background-position: -172px -278px;
}

.VideoPlay .VideoSprites > a.active:nth-child(3) {
    background-position: -173px -312px;
}

.VideoPlay .VideoSprites > a.active:nth-child(4) {
    background-position: -173px -347px;
}

.VideoPlay .VideoSprites > a.active:nth-child(5) {
    background-position: -173px -383px;
}

.VideoPlay .VideoSprites > a.active:nth-child(6) {
    background-position: -173px -418px;
}

.VideoPlay .MainVideo {
    width: calc(100% - 300px);
    float: left;
    padding: 9px;
    height: calc(100% - 50px);
    text-align: center;
}

.VideoPlay .MainVideo video {
    height: auto;
    max-width: 100%;
}

.VideoPlay .ThumbVideo {
    width: 300px;
    float: left;
    padding: 9px;
    height: calc(100% - 50px);
    margin-bottom: 10px;
}

.VideoPlay .ThumbVideo .slick-list .slick-slide {
    padding: 5px;
}

.VideoPlay .ThumbVideo video {
    width: 100%;
    height: 140px;
    padding: 5px;
    border: 1px solid #c5c1c1;
    max-width: 100%;
}

.VideoPlay .content {
    padding: 0px;
}

.VideoChatWindow .VideoTab {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.VideoChatWindow .VideoTab .VideoLeft {
    width: 20%;
    float: left;
}

.VideoChatWindow .VideoTab .VideoLeft span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
}

.VideoChatWindow .VideoTab .VideoLeft span img {
    max-width: 100%;
}

.VideoChatWindow .VideoTab .VideoText {
    width: 80%;
    float: left;
}

.VideoChatWindow .VideoTab .VideoText h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #656565;
}

.VideoChatWindow .VideoTab .VideoText p {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #656565;
}

.VideoChatWindow .ProfileTab {
    width: 100%;
    float: left;
    margin: 12px 0;
    position: relative;
}

.VideoChatWindow .ProfileTab::after {
    content: '';
    position: absolute;
    width: 104%;
    height: 1px;
    background-color: #ddd;
    right: 0;
    left: -10px;
    bottom: -13px;
}

.VideoChatWindow .ProfileTab .ProfileLeft {
    width: 14%;
    float: left;
}

.VideoChatWindow .ProfileTab .ProfileLeft span {
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    position: relative;
}

.VideoChatWindow .ProfileTab .ProfileLeft span img {
    max-width: 100%;
}

.VideoChatWindow .ProfileTab .ProfileText {
    width: 86%;
    float: left;
}

.VideoChatWindow .ProfileTab .ProfileText h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #4c4c4c;
}

.VideoChatWindow .ProfileTab .ProfileText h2 span {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #bdbdbd;
    float: right;
}

.VideoChatWindow .ProfileTab .ProfileText p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #797979;
    letter-spacing: 0.4px;
}

.VideoChatWindow .ProfileTab .ProfileLeft span::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #49d237;
    border-radius: 25px;
    border: 2.5px solid #fff;
    right: 6px;
    top: 0px;
    box-shadow: 0px 0 10px 0 rgba(180, 180, 180, 0.55)
}

.CustomWindowContext {
    float: left;
    width: 100%;
    /*height:calc(100% - 90px) !important; background-color:#fff;*/
}

.CustomWindowContext .CutomMargin {
    margin-top: 0;
}

.CustomWindowContext .CustomFixed .heading-elements {
    top: 94px !important;
}

.CustomWindowContext .mainCustomTable {
    padding-top: 60px !important;
}

.CornerBtn {
    padding-top: 50px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

.CornerBtn button {
    width: 30px;
    height: 25px;
    border: none;
    background-color: #f5f4f4;
    margin: 7px 5px;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
}

.CornerBtn button.close {
    background-color: #F44336;
    border: none;
}

.CornerBtn button.close i {
    color: #fff;
}

.CornerBtn button.close i .ContextFrame .GobalDFSToolBar {
    margin-top: 0;
}

.CustomContextMenuIspace .External .CustomFixed #dvIspaceMenu.heading-elements {
    top: 5px !important;
}

/**************************************************** INBOX OIL & GAS ****************************************************************/
.CustomInboxDesignO_G .page-header .page-header-content .page-title {
    padding: 19px 18px 19px 0 ;
}

.CustomInboxDesignO_G .page-header .page-header-content .page-title h4 {
    color: #37474f;
    font-size: 20px;
    font-weight: 600;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements {
    right: 35px;
    top: 5px !important;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form {
    margin-left: 8px !important;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group input {
    height: 30px;
    background-color: #f9fbfc;
    border: 1px solid #d7dbdf;
    border-radius: 4px 0 0 4px;
    border-right: none;
    font-weight: 500;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a {
    height: 30px;
    padding: 5px 12px;
    border: 1px solid #d7dbdf;
    line-height: 10px;
    display: inline-block;
    border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: -2px;
    background-color: #f9fbfc;
    position: relative;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: -1px;
    background-position: -178px -457px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown > a {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 14px;
    padding: 7px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 100px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown > a .caret {
    float: right;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.WorkAllocation {
    border-radius: 4px;
    border: 1px solid #499fe1;
    height: 30px;
    line-height: 14px;
    padding: 7px 30px;
    color: #fff;
    background-color: #499fe1;
    float: left;
    margin-left: 8px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Delete {
    height: 30px;
    padding: 5px 17px;
    border: 1px solid #ff5454;
    line-height: 10px;
    display: inline-block;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    float: left;
    margin-left: 8px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Delete::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: -1px;
    background-position: -178px -529px;
    left: 0;
    margin: auto;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Refresh {
    height: 30px;
    padding: 5px 17px;
    border: 1px solid #499fe1;
    line-height: 10px;
    display: inline-block;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    float: left;
    margin-left: 8px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.Refresh::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: -1px;
    background-position: -178px -563px;
    left: 0;
    margin: auto;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a:hover {
    background-color: transparent;
    box-shadow: none;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements a.WorkAllocation:hover {
    background-color: #3b8bc7;
}

/****************/
.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form select, .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .heading-form .btn-group {
    width: auto;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .btn-group .multiselect {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 14px;
    padding: 7px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 150px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-toggle {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 14px;
    padding: 7px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 150px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open {
    margin: 5px 0 0;
    border: 1px solid #ddd;
    padding: 0;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open li a {
    padding: 8px 15px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .bootstrap-select .dropdown-menu.open li a span {
    line-height: 15px;
    font-size: 12px;
    font-weight: 500;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .datetimepicker {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 30px;
    line-height: 14px;
    padding: 7px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 150px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group {
    margin: 0;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group.Clan {
    width: 180px;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a.BtnCalendar {
    box-shadow: none;
    background-color: #fff;
    position: relative;
}

.CustomInboxDesignO_G .page-header .page-header-content .heading-elements .input-group .input-group-btn a.BtnCalendar::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    background-position: -210px -142px;
    top: -1px;
    left: 0;
    margin: auto;
    right: 0;
}

.CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch {
    width: 100%;
}

.CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch input {
    height: 55px;
    border-radius: 35px;
    background-color: #f7fafd;
    border: 1px solid rgba(46, 137, 229, 0.6);
    position: relative;
}

.CustomInboxDesignO_G .InstanceSearch .CustomLargeSearch a {
    height: 47px;
    z-index: 2;
    border-radius: 35px;
    padding: 14px 45px;
    margin: 4px 0;
    position: absolute;
    top: 0;
    background: linear-gradient(to top,#1653a5 0%,#389fff 100%);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    right: 4px;
    border: none;
}

.CustomInboxDesignO_G .InstanceSearch h6 {
    color: #868585;
    border-bottom: 1px solid #ddd;
    padding: 25px 0 11px;
    letter-spacing: 0.4px;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox {
    background: linear-gradient(to top,#fff 0%,#f2faff 100%);
    border: 1px solid #61b0ff;
    border-radius: 4px;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 15px;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.15);
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 8px 20px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a {
    display: inline-block;
    padding: 4px 7px;
    font-size: 12px;
    color: #fff;
    line-height: 12px;
    font-weight: 500;
    border-radius: 3px;
    float: right;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a.Maintenance {
    background-color: rgba(0, 126, 255, 0.6);
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader a.Failure {
    background-color: #cb3935;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchBoxHeader h5 {
    color: #33393e;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    float: left;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent {
    width: 100%;
    float: left;
    padding: 0;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft {
    width: 55%;
    float: left;
    margin: 0;
    padding: 15px 0px 15px 20px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight {
    width: 45%;
    float: left;
    margin-top: 0;
    position: relative;
    padding: 15px 0 15px 0;
    text-align: center;
    background-color: #edf7ff;
    border-radius: 0px 0 7px 0;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight::after {
    content: '';
    position: absolute;
    background-color: #edf7ff;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceProfile img {
    border: 2px solid #fff;
    border-radius: 25px;
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.15);
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceProfile h5 {
    font-size: 17px;
    color: #484848;
    font-weight: 500;
    margin: 6px 0 41px;
    line-height: 16px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .View {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .View a {
    display: inline-block;
    padding: 8px 12px;
    font-size: 15px;
    background-color: transparent;
    color: #909090;
    line-height: 12px;
    font-weight: 500;
    border-radius: 3px;
    border: 1px solid #b6c3d1;
    text-align: center;
    width: 80%;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceRight p {
    font-size: 11px;
    color: #656565;
    font-weight: 500;
    margin: 5px 0;
    line-height: 12px;
    letter-spacing: .3px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchRight .InstanceRight p span {
    color: #1a93a5;
    font-weight: 600;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .UserData p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: rgba(51, 57, 62, 0.75);
    line-height: 16px;
}

.CustomInboxDesignO_G .InstanceSearch .InstanceSearchBox .InstanceSearchContent .InstanceSearchLeft .UserData a {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #566068;
    line-height: 14px;
    padding: 0px 0 15px;
    display: inline-block;
}

.pagination-wrapper .pagination {
    margin: 0 !important;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
    border-radius: 25px;
}

.pagination-wrapper .pagination a.page-numbers {
    padding: 7px 12px;
    background-color: #f9fbfc;
    float: left;
    color: #303030;
    font-weight: 500;
    line-height: 12px;
    border: 1px solid #d0d0d0;
    border-right: none;
}

.pagination-wrapper .pagination a.page-numbers[disabled] {
    cursor: not-allowed;
}

.pagination-wrapper .pagination a.page-numbers.current {
    background-color: #308eea;
    color: #fff;
}

.pagination-wrapper .pagination a.first {
    border-radius: 25px 0 0 25px;
    font-weight: 600;
}

.pagination-wrapper .pagination a.last {
    border-radius: 0 25px 25px 0;
    font-weight: 600;
    border-right: none;
}

.AddInstance {
    width: 65px;
    height: 65px;
    border-radius: 50px;
    background: linear-gradient(to top,#00601b 0%,#2db550 100%);
    position: fixed;
    right: 20px;
    bottom: 20px;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.2);
    z-index: 99;
}

.AddInstance:hover {
    box-shadow: 0 5px 14px 8px rgba(69,90,100,.3);
    transition: all .4s ease-in-out;
}

.AddInstance::after {
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 26px;
    height: 29px;
    left: 0;
    right: 0;
    margin: auto;
    top: 17px;
    background-position: -215px -283px;
}

/****************/
.CustomInboxDesignO_G .InboxGridOG.active {
    border: 8px solid hsla(206, 72%, 58%, 0.25);
    border-radius: 10px;
    -webkit-transition: .6s;
    transition: .6s;
}

.CustomInboxDesignO_G .InboxGridOG .col-md-8, .CustomInboxDesignO_G .InboxGridOG .col-md-4 {
    padding: 0;
}

.CustomInboxDesignO_G .InboxGridOG {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 100%;
    float: left;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
    margin-bottom: 20px;
    -webkit-transition: .6s;
    transition: .6s;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow, .CustomInboxDesignO_G .InboxGridOG .BottomRow {
    width: 100%;
    float: left;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow {
    padding: 22px 0;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow {
    background-color: #f9fbfc;
    border-top: 1px solid #ebedf0;
    border-radius: 0px 0px 0px 6px;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide {
    width: 200px !important;
    float: left;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .InstanceID {
    font-size: 14px;
    font-weight: 600;
    color: #9e9d9d;
    text-align: left;
    padding-left: 10px;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span {
    background: linear-gradient(to top,#8fcad1 0%,#24aed6 100%);
    padding: 6px 30px;
    display: inline-block;
    border-radius: 1px;
    color: #fff;
    font-weight: 500;
    line-height: 14px;
    box-shadow: 0 2px 18px 0 rgba(0,0,0,.07);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Hold {
    background: linear-gradient(to top,#8fcad1 0%,#24aed6 100%);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Assigned {
    background: linear-gradient(to top,#B82925 0%,#cb3935 100%);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Completed {
    background: linear-gradient(to top,#18c254 0%,#5bc474 100%);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.IssueRaised {
    background: linear-gradient(to top,#ffd800 0%,#ffb400 100%);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopLeftSide .HoldStatus span.Verified {
    background: linear-gradient(to top,#569BFC 0%,#4485e0 100%);
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide {
    width: calc(100% - 200px) !important;
    float: left;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide h2 {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #343434;
    line-height: 18px;
}

.CustomInboxDesignO_G .InboxGridOG .TopRow .TopRightSide p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #9e9d9d;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul {
    padding: 0;
    margin: 0;
    flex-direction: row;
    display: flex;
    height: 50px;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li {
    float: left;
    padding: 7px 12px 7px 10px;
    position: relative;
    height: 50px;
    border-right: 1px solid #ddd;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:first-child {
    width: 8%;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(2) {
    width: 26%;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(3) {
    width: 26%;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(4) {
    width: 20%;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:last-child {
    width: 20%;
    border: none;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight::before .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .LockInstance {
    position: relative;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .LockInstance::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(../images/SpritesImages/InboxSprites.png);
    background-repeat: no-repeat;
    top: -1px;
    background-position: -90px 0px;
    left: 0;
    margin: auto;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceProfile, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight {
    float: left;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight {
    padding-left: 35px;
    position: relative;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight::before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url(../images/user5.png);
    width: 27px;
    height: 26px;
    top: 5px;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight p {
    font-size: 11px;
    color: #9e9d9d;
    font-weight: 500;
    margin: 0;
    line-height: 16px;
    letter-spacing: 0.5px;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InstanceRight h5 {
    font-size: 15px;
    color: #787777;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .ProcessedOn p, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InitiatedOn p {
    font-size: 11px;
    color: #9e9d9d;
    font-weight: 500;
    margin: 0;
    line-height: 14px;
    letter-spacing: 0.5px;
}

.CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .ProcessedOn h5, .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li .InitiatedOn h5 {
    font-size: 14px;
    color: #a3b1bd;
    font-weight: 600;
    margin: 0;
    line-height: 14px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent {
    width: 100%;
    float: left;
    border-left: 1px solid #ebedf0;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent {
    float: left;
    width: calc(100% - 50px) !important;
    padding: 10.5px 0 10.5px 15px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul {
    margin: 0;
    padding: 0;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul li {
    font-size: 12px;
    color: #9e9d9d;
    font-weight: 500;
    position: relative;
    padding: 2px 0 2px 20px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent ul li::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 25px;
    top: 9px;
    left: 0;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent {
    float: left;
    width: 50px;
    border-left: 1px solid #ebedf0;
    display: none;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a {
    padding: 20px 0;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ebedf0;
    position: relative;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: 5px;
    left: 0;
    margin: auto;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:first-child::before {
    background-position: -214px -37px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.Blink:first-child::before {
    background-position: -214px -73px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:nth-child(2)::before {
    background-position: -213px -107px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:last-child {
    border: none;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a:last-child::before {
    background-image: none;
    width: 18px;
    height: 18px;
    right: 0;
    left: 0;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 25px;
    top: 10px;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.normal::before {
    background-color: #607D8B;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.low::before {
    background-color: #4caf50;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.medium::before {
    background-color: #673ab7;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.high::before {
    background-color: #f44336;
}

.CustomToggleNew {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 28px;
    line-height: 13px;
    padding: 5px 8px;
    color: #9e9d9d;
    background-color: #fff;
    width: 150px;
    text-align: left;
    margin: 1px !important;
    box-shadow: none;
}

.CustomAllowBtn {
    border-radius: 4px;
    border: 1px solid #499fe1;
    height: 28px;
    line-height: 14px;
    padding: 5px 30px;
    color: #fff;
    background-color: #499fe1;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}

.CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a.Blink {
    animation: VideoBlink 1s linear infinite;
    border-radius: 0 7px 0 0;
}

@keyframes VideoBlink {
    0% {
        background-color: #2a383f;
    }

    25% {
        background-color: #43525a;
    }

    50% {
        background-color: #626e74;
    }

    75% {
        background-color: #43525a;
    }

    100% {
        background-color: #2a383f;
    }
}

#dvIspDms .page-header {
    position: initial;
    margin: 0;
}

#dvIspDms .page-header .heading-elements {
    top: 6px !important;
    right: 10px;
    position: absolute;
}

#dvIspDms .content {
    padding-top: 20px !important;
}

#dvIspDms .content .panel .heading-elements {
    background-color: transparent;
}

#dvIspDms .content .panel {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
}

#dvIspDms .content .panel .panel-footer {
    padding: 0 10px;
    border-radius: 0;
    border-top: none !important;
    border: 1px solid rgba(195,195,195,.4);
    background-color: #fff;
    box-shadow: none;
}

#dvIspDms .content .panel .panel-footer ul.record li {
    padding: 5.5px 10px !important;
}

#dvIspDms .content .panel .panel-body {
    padding: 15px !important;
}

#dvIspDms .content .panel .panel-body .tab-content {
    border: none !important;
}

.tab-content.InboxCustomTable {
    display: inline-block;
    width: 100%;
}

.Document .content, .Documents .content, .View .content {
    padding-top: 60px !important;
}

.Project .GobalDFSToolBar {
    margin-top: 39px !important;
}

.Project .content {
    padding-top: 85px !important;
}

/*************************************/
.SerbaLogin {
    background-image: url(../images/Serrbaone_BG.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.SerbaLogin::before {
    content: '';
    position: absolute;
    background-image: url(../images/Serrbaone_logo.png);
    left: 0;
    top: 0;
    width: 376px;
    height: 193px;
}

.SerbaLogin .login-form {
    width: 320px;
    float: right;
    margin-right: 120px;
    box-shadow: 0 1px 35px 0 rgba(159, 174, 181, 0.61);
    background: linear-gradient(to top,#dbdfe2 0%,#fff 25%)
}

.SerbaLogin .login-form .SerbaBtn {
    background: linear-gradient(to right,#408a55 0%,#16b280 100%);
    border-radius: 25px;
    border: 1px solid #c5fcee;
    box-shadow: 0 1px 23px 0 rgba(135, 154, 162, 0.8);
    padding: 8.5px 12px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 15px 0;
    color: #fff;
}

.SerbaLogin .CustomBoxLogo {
    background-image: url(../images/Serrbaone_BoxLogo.png);
    background-repeat: no-repeat;
    position: relative;
    height: 137px;
}

.SerbaLogin h5.CustomTitle {
    font-size: 15px;
    font-weight: 600;
    color: #343434;
    text-align: center;
    margin: 20px 0 !important;
}

.SerbaLogin .ContentMessage {
    position: relative;
}

.SerbaLogin .ContentMessage::before {
    content: '';
    position: absolute;
    background-image: url(../images/Serrbaone_content.png);
    left: 0;
    top: 50px;
    width: 449px;
    height: 105px;
}

.SerbaLogin .BottomFixed {
    background-color: #37474f;
    position: absolute;
    bottom: 0;
    padding: 10px;
}

.SerbaLogin .BottomFixed ul {
    margin: 0;
    padding: 0;
}

.SerbaLogin .BottomFixed ul li {
    float: left;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    line-height: 16px;
    padding: 0 10px;
}

.SerbaLogin .BottomFixed ul li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fff;
    right: 0;
}

/*************************************/
.ProjectTemplate .CustomFixed {
    position: initial;
    margin-bottom: 0;
}

.ProjectTemplate .GobalDFSToolBar {
    margin-top: -2px !important;
    position: initial !important;
}

.ProjectTemplate .content {
    padding-top: 45px !important;
}

#dvInsComments .media-list {
    padding: 10px;
}

.Dashboard {
    background: linear-gradient(to top,#fff 0%,#f2faff 100%);
    border: 1px solid #61b0ff;
    border-radius: 4px;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 15px;
    box-shadow: 5px 5px 5px rgba(204,202,204,1);
    margin: 15px 0;
}

.Dashboard.Green {
    border: 1px solid #94d99f;
    border-bottom: 6px solid #94d99f !important;
}

.Dashboard.Purple {
    border: 1px solid #9495d9;
    border-bottom: 6px solid #9495d9 !important;
}

.Dashboard.Blue {
    border: 1px solid #94ced9;
    border-bottom: 6px solid #94ced9 !important;
}

.Dashboard.Pink {
    border: 1px solid #d994d7;
    border-bottom: 6px solid #d994d7 !important;
}

.Dashboard.orange {
    border: 1px solid #ffd18d;
    border-bottom: 6px solid #ffd18d !important;
}

.Dashboard.violet {
    border: 1px solid #c880ff;
    border-bottom: 6px solid #c880ff !important;
}

.Dashboard .LeftDash {
    float: left;
    padding: 5px 3px;
    width: 100%;
    background-color: #eaf3fb;
    border-top: 1px solid #cfe8ff;
}

.Dashboard .RightDash {
    float: right;
    padding: 5px;
    width: 100%;
}

.Dashboard .LeftDash .Start {
    width: 50%;
    float: left;
    text-align: center;
}

.Dashboard .LeftDash .End {
    width: 50%;
    float: right;
    text-align: center;
}

.Dashboard .LeftDash .Start .DetailTitle, .Dashboard .LeftDash .End .DetailTitle {
    font-size: 11px;
    font-weight: 500;
    color: #868686;
    letter-spacing: 0.5px;
}

.Dashboard .LeftDash .Start .PlannedStart, .Dashboard .LeftDash .End .PlannedEnd, .Dashboard .LeftDash .Start .ActualStart, .Dashboard .LeftDash .End .ActualEnd, .Dashboard .LeftDash .Start .Currency, .Dashboard .LeftDash .End .ConvertionRate, .Dashboard .LeftDash .Start .AllocatedBudget, .Dashboard .LeftDash .End .StandardGrossMargin {
    font-size: 12px;
    font-weight: 600;
    color: #344b52;
    line-height: 18px;
}

.Dashboard .RightDash .Durations .Duration, .Dashboard .RightDash .Durations .ActualDuration, .Dashboard .RightDash .Durations .ProjectValue, .Dashboard .RightDash .Durations .TargetGrossMargin {
    font-size: 50px;
    text-align: center;
    font-weight: 500;
    line-height: 50px;
}

.Dashboard .RightDash .Durations .DetailTitle.MainTitle {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 25px;
}

.Dashboard .RightDash .Durations .Duration {
    color: #94d99f;
}

.Dashboard .RightDash .Durations .ActualDuration {
    color: #9495d9;
}

.Dashboard .RightDash .Durations .ProjectValue {
    color: #94ced9;
}

.Dashboard .RightDash .Durations .TargetGrossMargin {
    color: #d994d7;
}

.Dashboard .Rectangle .DetailTitle {
    letter-spacing: .5px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    padding: 10px 0;
}

.Dashboard .Rectangle .PaymentFrequency {
    font-size: 30px;
    text-align: center;
    font-weight: 500;
}

.Dashboard .Rectangle .PaymentTypeName {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 0;
}

.CustompanelLayout.panel {
    margin-top: 15px;
}

.CustompanelLayout.panel .panel-heading {
    padding: 10px 20px !important;
    line-height: 15px;
    background: linear-gradient(to left, #b6f7ff, #97e5f3, #77d3e9, #54c0df, #24aed6);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.CustompanelLayout.panel .panel-body {
    padding: 12px;
}

.CustompanelLayout table {
    border-spacing: 0 0 !important;
    border-bottom: none !important;
}

.CustompanelLayout table thead tr th {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
}

.CustompanelLayout table tbody tr td {
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.InstanceActivity.panel {
    margin-bottom: 0;
}

.InstanceActivity .panel-body {
    padding: 0px !important;
}

.InstanceActivity .panel-body .col-md-5 {
    padding: 0 0 0 10px;
}

.InstanceActivity .panel-body .col-md-7 {
    padding: 0 10px 0 0;
}

.InstanceActivity .panel-body .ActivityList {
    float: left;
    border-right: 1px solid #ddd;
    padding: 0;
    width: 100%;
}

.InstanceActivity .panel-body .ActivityList ul.media-list {
    position: relative;
    overflow: initial;
    margin: 0 !important;
    padding: 20px 10px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media {
    border-radius: 3px;
    padding: 0;
    margin-left: 45px;
    background: linear-gradient(to bottom,#fff 0%,#f2faff 80%);
    box-shadow: 4px 4px 4px rgba(204, 202, 204, 0.45);
    position: relative;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media i::before {
    content: '';
    position: absolute;
    top: 27px;
    background-image: url(../images/Instance.png);
    width: 16px;
    height: 16px;
    left: -43px;
    z-index: 9;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd) {
    border: 1px solid #D994D7;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even) {
    border: 1px solid #9495D9;
}

.InstanceActivity .panel-body .ActivityList ul.media-list::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #7eb7c1;
    left: 20px;
    top: 10px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media::before {
    background-color: #ffffff;
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 25px;
    left: -55px;
    top: 15px;
    z-index: 5;
    border: 4px solid #fff;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 1px;
    top: 34px;
    left: -21px;
    z-index: 0;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd)::after {
    background-color: #d994d7;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even)::after {
    background-color: #9495d9;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(odd)::before {
    background-color: #d994d7;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media:nth-of-type(even)::before {
    background-color: #9495d9;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body .media-content {
    background-color: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #566068;
    padding: 15px 10px;
    line-height: 22px;
    width: 100%;
    float: left;
    letter-spacing: 0.3px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body .media-content::before {
    display: none;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration {
    margin: 0;
    padding: 0;
    background-color: #eaf3fb;
    border-top: 1px solid #cfe8ff;
    float: left;
    width: 100%;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li {
    width: 25%;
    float: left;
    padding: 10px 5px 10px 35px;
    line-height: 22px;
    font-size: 13px;
    font-weight: 500;
    color: #344b52;
    position: relative
}

/*.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:last-child{width:26%;}*/
.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li::before {
    content: '';
    position: absolute;
    background-image: url(../images/SpritesImages/InstanceSprites.png);
    width: 20px;
    height: 20px;
    left: 10px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:first-child::before {
    background-position: 0px 20px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:nth-child(2)::before {
    background-position: 60px 20px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:nth-child(3)::before {
    background-position: 40px 20px;
}

.InstanceActivity .panel-body .ActivityList ul.media-list li.media .media-body ul.media-duration li:last-child::before {
    background-position: 20px 20px;
}

.InstanceActivity .panel-body .ActivityChart {
    float: left;
    border-right: 1px solid #ddd;
    padding: 10px;
    width: 100%;
}

.InstanceActivity .panel-body .ActivityChart canvas {
    padding: 5px;
    outline: none;
}

/**/
#ifmDesignStudio .GobalDFSToolBar {
    margin-top: 54px;
}

#ifmDesignStudio .content {
    padding-top: 155px;
}

.InDFS .content {
    padding-top: 160px !important;
}

.DFSModal .modal-dialog {
    margin: 75px auto;
}

.InDFS .CustomModel .content {
    padding: 20px !important;
}

.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after {
    margin-top: -6px;
    right: 3px;
}

.activityFlow .GobalDFSToolBar {
    margin-top: 0px;
    border-left: 1px solid rgba(17,44,74,.3);
    border-right: 1px solid rgba(17,44,74,.3);
}

.activityFlow .CustomSidebarDFS .sidebar-content {
    top: 80px;
}

.activityFlow .content {
    padding-top: 100px !important;
}

/**/
/*PRE LOADER*/
@keyframes lds-spin {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@-webkit-keyframes lds-spin {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

#loader {
    position: relative;
}

.lds-css {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    background-color: rgba(73, 100, 140, 0.09);
    z-index: 99;
}

.lds-css .lds-spin {
    position: relative;
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px);
    transform: translate(-37.5px, -37.5px) scale(0.375) translate(37.5px, 37.5px);
    margin: auto;
    top: 43%;
}

.lds-css .lds-spin div > div {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1d3f72;
    -webkit-animation: lds-spin 1.3s linear infinite;
    animation: lds-spin 1.3s linear infinite;
}

.lds-css .lds-spin div:nth-child(1) > div {
    left: 140px;
    top: 80px;
    -webkit-animation-delay: -1.1375s;
    animation-delay: -1.1375s;
}

.lds-css .lds-spin > div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 160px 100px;
    transform-origin: 160px 100px;
}

.lds-css .lds-spin div:nth-child(2) > div {
    left: 122.42640685999999px;
    top: 122.42640685999999px;
    -webkit-animation-delay: -0.975s;
    animation-delay: -0.975s;
}

.lds-css .lds-spin > div:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 142.42640686px 142.42640686px;
    transform-origin: 142.42640686px 142.42640686px;
}

.lds-css .lds-spin div:nth-child(3) > div {
    left: 80px;
    top: 140px;
    -webkit-animation-delay: -0.8125s;
    animation-delay: -0.8125s;
}

.lds-css .lds-spin > div:nth-child(3) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100px 160px;
    transform-origin: 100px 160px;
}

.lds-css .lds-spin div:nth-child(4) > div {
    left: 37.57359314px;
    top: 122.42640685999999px;
    -webkit-animation-delay: -0.65s;
    animation-delay: -0.65s;
}

.lds-css .lds-spin > div:nth-child(4) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 57.57359314px 142.42640686px;
    transform-origin: 57.57359314px 142.42640686px;
}

.lds-css .lds-spin div:nth-child(5) > div {
    left: 20px;
    top: 80px;
    -webkit-animation-delay: -0.4875s;
    animation-delay: -0.4875s;
}

.lds-css .lds-spin > div:nth-child(5) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 40px 100px;
    transform-origin: 40px 100px;
}

.lds-css .lds-spin div:nth-child(6) > div {
    left: 37.57359314px;
    top: 37.57359314px;
    -webkit-animation-delay: -0.325s;
    animation-delay: -0.325s;
}

.lds-css .lds-spin > div:nth-child(6) {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transform-origin: 57.57359314px 57.57359314px;
    transform-origin: 57.57359314px 57.57359314px;
}

.lds-css .lds-spin div:nth-child(7) > div {
    left: 80px;
    top: 20px;
    -webkit-animation-delay: -0.1625s;
    animation-delay: -0.1625s;
}

.lds-css .lds-spin > div:nth-child(7) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 100px 40px;
    transform-origin: 100px 40px;
}

.lds-css .lds-spin div:nth-child(8) > div {
    left: 122.42640685999999px;
    top: 37.57359314px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-css .lds-spin > div:nth-child(8) {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transform-origin: 142.42640686px 57.57359314px;
    transform-origin: 142.42640686px 57.57359314px;
}

.lds-css .lds-spin div:nth-child(9) > div {
    left: 140px;
    top: 80px;
    -webkit-animation-delay: 0.1625s;
    animation-delay: 0.1625s;
}

.lds-css .lds-spin > div:nth-child(9) {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 160px 100px;
    transform-origin: 160px 100px;
}

/*PRE LOADER*/
/**/
#dvResults {
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(204,202,204,.45);
}

.SiteSearchMain {
    padding: 10px;
}

.SiteSearchMain .SiteSearchResult {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.SiteSearchMain .SiteSearchResult .SearchTitle a {
    font-size: 16px;
    font-weight: 500;
    color: #1a0dab;
    letter-spacing: 0.3px;
    line-height: 20px;
    padding: 3px 0;
    display: inline-block;
    width: 100%;
}

.SiteSearchMain .SiteSearchResult .SearchHelpText p {
    font-size: 13px;
    font-weight: 500;
    color: #353535;
    margin: 0;
    line-height: 16px;
    padding: 4px 0;
}

.SiteSearchMain .SiteSearchResult .SearchBreadcrumb i {
    font-size: 14px !important;
}

.SiteSearchMain .SiteSearchResult .SearchBreadcrumb p {
    font-size: 13px;
    font-weight: 500;
    color: #626263;
    margin: 0;
    line-height: 14px;
    padding: 5px 0;
}

/**/
.viewer {
    background-color: transparent;
}

.InlineSingle.panel {
    box-shadow: 0 0 9px 0 rgba(159,174,181,.35);
    border: none;
    margin-bottom: 0;
    position: relative;
}

.InlineSingle.panel::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.65);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    z-index: 99;
}

.InlineSingle.panel:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}

.InlineSingle .HoverBtnDoc {
    position: absolute;
    color: #e0e1e0;
    text-align: center;
    text-transform: uppercase;
    top: 40%;
    left: 0;
    right: 0;
    padding: 8px;
    z-index: 10;
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 100;
}

.InlineSingle:hover .HoverBtnDoc {
    opacity: 1;
    left: 0;
    right: 0;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
}

.InlineSingle .panel-body .MainFrameDoc {
    border: 1px solid #ddd;
    height: 100%;
}

.InlineSingle .panel-body .MainFrameDoc iframe {
    border: none;
}

.InlineMultiSelect, .TabListViewTab {
    height: 160px;
}

.InlineMultiSelect:before, .InlineMultiSelect:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 78%;
    max-width: 300px;
    -webkit-box-shadow: 0 15px 10px #656565;
    -moz-box-shadow: 0 15px 10px #656565;
    box-shadow: 0 15px 10px #656565;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.InlineMultiSelect:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.TabListViewTab {
    box-shadow: 4px 4px 4px rgba(204,202,204,.45);
}

.InlineMultiSelect .MultiLeftDoc, .TabListView .MultiLeftDoc {
    width: 40px !important;
    float: left;
    height: 100%;
}

.InlineMultiSelect .MultiLeftDoc a, .TabListView .MultiLeftDoc a {
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
}

.InlineMultiSelect .MultiRightDoc, .TabListView .MultiRightDoc {
    width: calc(100% - 40px) !important;
    float: left;
    height: 100%;
    border: 1px solid #ddd !important;
    background-color: #fff;
    border-left: none !important;
}

.InlineMultiSelect .MultiLeftDoc a i, .TabListView .MultiLeftDoc a i {
    position: relative;
    top: 42%;
}

.TabListView .content {
    padding: 0;
}

.ExplorerView .IspaceDoc .panel-heading .panel-title {
    line-height: 20px;
}

.ExplorerView .IspaceDoc .panel-heading .panel-title label {
    margin-bottom: 0;
    color: #fff;
}

.ExplorerView .IspaceDoc .panel-heading .heading-elements {
    margin-top: -14px;
    background-color: transparent;
}

.ExplorerView {
    background-color: #fff;
    padding: 7px;
    border: 1px solid rgba(17,179,185,.25) !important;
    border-radius: 5px;
    box-shadow: 0 0 9px 0 rgba(159,174,181,.35);
}

.ExplorerView .gridbox {
    border: none;
}

.ExplorerView .gridbox .objboxParent .objbox table tbody tr td {
    border: none !important;
}

.ExplorerView .gridbox .objboxParent .objbox table tbody tr {
    border: none !important;
}

.ExplorerView .exploPanel.TilesCustom {
    float: left;
    width: 46%;
    margin: 6px 0 6px 6px;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list {
    padding: 6px;
    border-radius: 3px;
    color: #fff;
    background-color: #fff;
    border: 1px solid rgba(222, 222, 222, 0.9);
    box-shadow: 0 3px 8px rgba(0,0,0,.08);
    position: relative;
    margin-bottom: 0 !important;
    float: left;
    width: 100%;
    overflow: hidden;
}

.ExplorerView .exploPanel.TilesCustom:last-child ul.media-list {
    margin-bottom: 0 !important;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list.ListCustom::before {
    content: '';
    position: absolute;
    background-image: url(../images/CruveDoc.png);
    background-size: cover;
    width: 100%;
    height: 79px;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list li {
    float: left;
    width: 100%;
}

.ExplorerView .exploPanel.ListCustom {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.ExplorerView .exploPanel.ListCustom:first-child {
    padding-top: 10px;
}

.ExplorerView .exploPanel ul.media-list {
    padding: 6px;
    border-radius: 3px;
    color: #fff;
    background-color: #fff;
    border: 1px solid rgba(222, 222, 222, 0.9);
    box-shadow: 0 3px 8px rgba(0,0,0,.08);
    position: relative;
    margin-bottom: 10px !important;
    float: left;
    width: 100%;
}

.ExplorerView .exploPanel:last-child ul.media-list {
    margin-bottom: 0 !important;
}

.ExplorerView .exploPanel ul.media-list.ListCustom::before {
    content: '';
    position: absolute;
    background-image: url(../images/CruveDoc.png);
    background-size: cover;
    width: 100%;
    height: 79px;
    overflow: hidden;
    left: 0;
    bottom: 0;
}

.ExplorerView .exploPanel ul.media-list li {
    float: left;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list li .media-left {
    float: left;
    width: 100%;
    height: 100px;
    padding: 0;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list li .media-left img {
    width: 100%;
    height: 100px;
}

.ExplorerView .exploPanel.TilesCustom ul.media-list li a.Title {
    font-size: 12px;
    font-weight: 500;
    color: #303030;
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.ExplorerView .media-left {
    padding-right: 15px;
    float: left;
}

.ExplorerView .media-left div {
    width: 40px;
    height: 45px;
    border-radius: 6px;
    color: #fff;
    text-align: center;
    background-color: #208895;
}

.ExplorerView .media-left div i {
    font-size: 20px !important;
    color: #fff !important;
    top: 12px;
    position: relative;
}

.ExplorerView .media-body h6 {
    margin: 0;
    line-height: 18px;
}

.ExplorerView .media-body h6 a {
    font-size: 13px;
    font-weight: 500;
    color: #0ea7eb;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    display: inline-block;
}

.ExplorerView .panel {
    margin: 0;
}

.ExplorerView .panel .panel-heading {
    padding: 6px 20px !important;
    border-bottom: 1px solid #ddd;
}

.ExplorerView .panel .panel-heading .heading-elements {
    height: 25px;
    margin-top: -13px;
}

.ExplorerView .panel .panel-heading .heading-elements a {
    padding: 4px 6px;
    margin-right: 5px;
    line-height: 12px;
    color: #4caf50;
    border: 1px solid #fff;
    background-color: #fff;
}

.ExplorerView .panel .panel-body {
    padding: 0;
}

.ExplorerView .panel .panel-body .LeftTree {
    width: 165px;
    float: left;
    border-right: 1px solid #ddd;
}

.ExplorerView .panel .panel-body .RightData {
    width: calc(100% - 165px) !important;
    float: left;
}

.MultiRightDoc .slick-list .slick-track .slick-slide {
    height: 135px;
    float: left;
    position: relative;
    outline: none;
    margin: 12px 5px;
}

.MultiRightDoc .slick-list .slick-track .slick-slide::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.65);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
}

.MultiRightDoc .slick-list .slick-track .slick-slide:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}

.MultiRightDoc .slick-list .slick-track .slick-slide .MultiSlideBtn {
    position: absolute;
    color: #e0e1e0;
    text-align: center;
    text-transform: uppercase;
    top: 40%;
    left: 0;
    right: 0;
    padding: 8px;
    z-index: 10;
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.MultiRightDoc .slick-list .slick-track .slick-slide:hover .MultiSlideBtn {
    opacity: 1;
    left: 0;
    right: 0;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
}

.MultiRightDoc .slick-list .slick-track .slick-slide button {
    padding: 5px;
    display: inline-block;
    border: none;
    line-height: 10px;
    margin-left: 5px;
}

.MultiRightDoc .slick-list .slick-track .slick-slide img {
    width: 100%;
    height: 136px;
    border: 1px solid #ddd;
}

.MultiRightDoc .slick-initialized .slick-prev, .MultiRightDoc .slick-initialized .slick-next, .MultiRightDoc .slick-initialized .slick-dots {
    display: none !important;
}

/**********************Filters**********************/
.LeftFilterCol {
    width: 280px;
    float: left;
    padding: 6px;
}

.LeftFilterCol .sidebar-detached .sidebar {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.1);
    border-radius: 0;
    color: #444444;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 8px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title {
    padding: 10px 0 7px;
    width: 100%;
    float: left;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list {
    right: 0px;
    margin-top: -11px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li {
    float: left;
    margin-left: 8px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a {
    width: 20px;
    height: 20px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a.ClearAll {
    padding: 7px 0px;
    line-height: 10px;
    position: relative;
    font-size: 11px;
    float: left;
    width: auto;
    height: auto;
    font-weight: 600;
    color: #328fea;
    letter-spacing: 0.1px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a[data-action="collapse"]::after {
    background-image: url(../images/SpritesImages/SpritesImg.png);
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    background-repeat: no-repeat;
    top: 0px;
    background-position: -218px -216px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title .icons-list li a[data-action="collapse"].rotate-180::after {
    background-position: -218px -218px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-title span {
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin: 0;
    line-height: 20px;
    color: #505050;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content {
    padding: 12px 0;
    float: left;
    width: 100%;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .form-group {
    margin-bottom: 12px;
}

.LeftFilterCol .sidebar-detached .sidebar h6 {
    color: #2f2f2f;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin: 0;
    line-height: 14px;
    padding: 16px 12px;
    letter-spacing: 0.1px;
    border-bottom: 1px solid #f0f0f0;
    background-color: #f5fbff;
}

.LeftFilterCol .sidebar-detached .sidebar #aClearAll {
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    padding: 4px 6px;
    border-radius: 3px;
    color: #fff;
    background-color: #5195f4;
    letter-spacing: 0.5px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback input {
    height: 32px;
    background-color: #f9fbfc;
    border: 1px solid #d7dbdf;
    border-radius: 4px;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 12px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group a {
    height: 32px;
    padding: 5px 12px;
    line-height: 10px;
    display: inline-block;
    border-left: none;
    border-radius: 0 4px 4px 0;
    margin-left: 0px;
    position: absolute;
    right: 1px;
    top: 0;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group.SearchFil a:before {
    background-position: -178px -492px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group.CalendarFil a:before {
    background-position: -211px -175px
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback .form-group a:before {
    background-image: url(../images/SpritesImages/SpritesImg.png);
    content: '';
    position: absolute;
    width: 32px;
    height: 30px;
    right: 0;
    background-repeat: no-repeat;
    top: 0px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .range_inputs {
    width: 100%;
    float: left;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox {
    margin-right: 0;
    width: 100%;
    margin-bottom: 15px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox:last-child {
    margin-bottom: 0;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox label {
    line-height: 10px;
    color: #5a5a5a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="checkbox"]+label::before {
    border: 1px solid #AD3AF9;
    height: 16px;
    width: 16px;
    border-radius: 2px;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="checkbox"]+label::after {
    left: 0px;
    font-size: 8px;
    top: 0;
    color: #ffffff;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    padding: 0 4px;
    background-color: #AD3AF9;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]+label::before {
    border: 1px solid #AD3AF9;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    border-radius: 50%;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]+label::after {
    left: 3px;
    font-size: 9px;
    top: 0px;
    color: #5a5a5a;
    border-radius: 50%;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content .CustomCheckbox input[type="radio"]:checked+label::before {
    background: #ad3af9;
}

.LeftFilterCol .sidebar-detached .sidebar .sidebar-content .sidebar-category .category-content select {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 32px;
    line-height: 11px;
    padding: 4px 8px;
    color: #908f8f;
    background-color: #fff;
    width: 100%;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.RightresultCol {
    width: calc(100% - 280px) !important;
    float: left;
    padding: 6px;
}

.pageCount .InstanceRecord, .pageCount .InstanceCount {
    float: left;
}

.pageCount .InstanceCount select {
    border-color: #c3c2c2;
    border-radius: 25px 0 0 25px;
    line-height: 9px !important;
    height: 27px !important;
    padding: 4px 20px 4px 12px !important;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/TringleRotate.png) !important;
    background-repeat: no-repeat;
    background-position: right center;
}

.pageCount .InstanceRecord {
    padding: 0;
    margin: 0;
}

.pageCount .InstanceRecord li {
    border-radius: 0 25px 25px 0;
    padding: 7px 10px;
    line-height: 12px;
    margin: 0;
    position: relative;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: #5195f4;
    border: none;
}

.pageCount .InstanceRecord li span {
    font-size: 11px;
    color: #fff;
    font-weight: 600;
}

.pageCount .InstanceRecord li label {
    margin-bottom: 0;
}

/**********************Filters**********************/
/***********************ISPACE***********************/
.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu {
    right: auto;
    border: 1px solid #ccc;
    margin-top: 4px;
}

.CustomIspaceMenuTop.navbar-right li.dropdown a.btn {
    border-radius: 4px;
    border: 1px solid #ccc;
    height: 28px;
    line-height: 14px;
    padding: 7px 8px;
    color: #929191;
    background-color: #fff;
    width: 115px;
    text-align: left;
    margin: 0 !important;
    margin-right: 5px !important;
    letter-spacing: 0.2px;
}

.CustomIspaceMenuTop.navbar-right li .heading-btn a.btn {
    border-radius: 3px;
    height: 28px;
    line-height: 14px;
    padding: 7px 12px;
    color: #fff;
    float: left;
    margin-left: 7px !important;
    margin: 0;
    border: none;
}

.CustomIspaceMenuTop.navbar-right .CustomCheckbox {
    width: 100%;
    line-height: 10px;
}

.CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]+label, .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="checkbox"]+label {
    line-height: 10px;
    font-weight: 500;
    font-size: 12px;
}

.CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]:checked+label::before {
    background: #7475bf;
}

.CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="radio"]+label::before, .CustomIspaceMenuTop.navbar-right .CustomCheckbox input[type="checkbox"]+label::before {
    height: 14px;
    width: 14px;
    border: 2px solid #7475bf;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu {
    padding: 8px
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li {
    width: 100%;
    float: left;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li .heading-btn {
    width: 100%;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li .heading-btn a {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 7px !important;
    text-align: center;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu.OtherMenu li:last-child .heading-btn a {
    margin-bottom: 0px !important;
}

.CustomIspaceMenuTop.navbar-right li[title~=Priority].dropdown .dropdown-menu li a {
    line-height: 14px;
    padding: 6px 15px;
    font-weight: 500;
    font-size: 12px;
}

.CustomIspaceMenuTop.navbar-right li[title~=Priority].dropdown .dropdown-menu li a span {
    width: 9px;
    height: 9px;
    border: none;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=NormalPriority] a span {
    background-color: #008000;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=LowPriority] a span {
    background-color: #dcdc1c;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=MediumPriority] a span {
    background-color: #FFB266;
}

.CustomIspaceMenuTop.navbar-right li.dropdown .dropdown-menu li[title~=HighPriority] a span {
    background-color: #FF0000;
}

.CustomIspaceMenuTop.navbar-right li[title~=Exit] .heading-btn a.btn {
    background-color: #5db59a;
}

.CustomIspaceMenuTop.navbar-right li[title~=Download] .heading-btn a.btn {
    background-color: #22d4ea;
}

.CustomIspaceMenuTop.navbar-right li[title~=Submit] .heading-btn a.btn {
    background-color: #6f7cc5;
}

.CustomIspaceMenuTop.navbar-right li[title~=Comment] .heading-btn a.btn {
    background-color: #9bd25c;
}

.CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn {
    background-color: #ff7d54;
}

.CustomIspaceMenuTop.navbar-right li[title~=External] .heading-btn a.btn {
    background-color: #22d4ea;
}

.CustomIspaceMenuTop.navbar-right li[title~=Modify] .heading-btn a.btn {
    background-color: #6f7cc5;
}

.CustomIspaceMenuTop.navbar-right li[title~=Rights] .heading-btn a.btn {
    background-color: #9bd25c;
}

.CustomIspaceMenuTop.navbar-right li[title~=Allocation] .heading-btn a.btn {
    background-color: #3689c6;
}

.CustomIspaceMenuTop.navbar-right li[title~=DMS] .heading-btn a.btn {
    background-color: #6f7cc5;
}

.CustomIspaceMenuTop.navbar-right li[title~=Form] .heading-btn a.btn {
    background-color: #3689c6;
}

.CustomIspaceMenuTop.navbar-right li[title~=Collaboration] .heading-btn a.btn {
    background-color: #3689c6;
}

.CustomIspaceMenuTop.navbar-right li .heading-btn a.btn.icon {
    height: 26px;
    padding: 5px 13px;
    line-height: 10px;
    display: inline-block;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    float: left;
}

.CustomIspaceMenuTop.navbar-right li .heading-btn a.btn.icon::after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    right: 0;
    background-image: url(../images/SpritesImages/SpritesImg.png);
    background-repeat: no-repeat;
    top: -1px;
    left: 0;
    margin: auto;
}

.CustomIspaceMenuTop.navbar-right li[title~=Save] .heading-btn a.btn.icon {
    border: 1px solid #5db59a;
}

.CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn.icon {
    border: 1px solid #ff7d54;
}

.CustomIspaceMenuTop.navbar-right li[title~=Save] .heading-btn a.btn.icon::after {
    background-position: -215px -495px;
}

.CustomIspaceMenuTop.navbar-right li[title~=Cancel] .heading-btn a.btn.icon::after {
    background-position: -215px -530px;
}

/***********************ISPACE***********************/
.MonitorLeft {
    width: 280px;
    float: left;
    background-color: #fff;
    box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0,0,0,0.08) !important;
}

.MonitorLeft #accordion {
    padding: 8px;
}

.MonitorLeft #accordion .panel {
    border: none;
    margin-bottom: 10px;
}

.MonitorLeft #accordion .panel .panel-heading {
    background-image: linear-gradient(58deg, #4c7cf3 0, #4cc6f3 100%) !important;
    border: none;
    border-radius: 3px 3px 0 0;
}

.MonitorLeft #accordion .panel .panel-heading h4 {
    line-height: 18px;
    color: #fff;
}

.MonitorLeft #accordion .panel .panel-heading h4 a {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.MonitorLeft #accordion .panel .panel-heading h4 a::before {
    font-size: 14px;
    margin-top: -7px;
}

.MonitorLeft #accordion .panel .panel-collapse {
    border: 1px solid #ddd;
    border-top: none;
}

.MonitorLeft #accordion .panel .panel-collapse .panel-body {
    padding: 0;
}

.MonitorRight {
    width: calc(100% - 300px);
    float: left;
    margin-left: 20px;
    background-color: #fff;
    box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0,0,0,0.08) !important;
    padding: 10px;
}

.MonitorRight #dvProcessMonitorDiagram {
    border: 1px solid #ddd;
}

.panel.CustomImageContainer {
    width: 100%;
    float: left;
    box-shadow: 5px 0 4px 0 rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.08) !important;
    margin-top: 15px;
}

.panel.CustomImageContainer .panel-heading {
    background-image: linear-gradient(58deg,#4c7cf3 0,#4cc6f3 100%) !important;
    border: none;
    border-radius: 3px 3px 0 0;
    color: #fff;
}

.panel.CustomImageContainer .panel-heading h6 {
    font-size: 15.5px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.panel.CustomImageContainer .thumb:hover > .caption-overflow {
    display: none;
}

.panel.CustomImageContainer .panel-body .thumbnail {
    border: 1px solid #bfbebe;
    padding: 6px;
}

.LabelWidget {
    height: auto !important;
}

.LabelWidget .grid-stack-item-content {
    background-color: transparent !important;
    box-shadow: none !important;
}

.LabelWidget .grid-stack-item-content::after {
    display: none;
}

.LabelWidget .grid-stack-item-content .dvLayoutBtn {
    top: 10%;
    padding: 4px;
}

.grid-stack-item-content {
    box-shadow: 0 2px 4px rgba(33,33,33,.2);
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 11px 0 rgba(0,0,0,.1) !important;
    border: 1px solid #54a8fd !important;
}

.grid-stack-item-content::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.65);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    opacity: 0;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    z-index: 99;
    height: 40px;
}

.grid-stack-item-content:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}

.grid-stack-item-content::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 111px;
    background-image: url(../images/wavee-bg-green.png);
    background-repeat: no-repeat;
    bottom: -20px;
    left: 0px;
    background-size: cover;
}

.grid-stack-item-content h4 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 11px 10px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #505050;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e6e6e6;
}

.grid-stack-item-content .stream-item {
    padding: 40px 15px 15px 15px;
}

.grid-stack-item-content .stream-item p {
    font-size: 13px;
    font-weight: 500;
}

.grid-stack-item-content .grid-item {
    margin: 0 auto;
}

.grid-stack-item-content .dvLayoutBtn {
    position: absolute;
    color: #e0e1e0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    right: 0;
    padding: 5px;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 999;
}

.grid-stack-item-content:hover .dvLayoutBtn {
    opacity: 1;
    right: 0;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s;
}

.grid-stack-item-content .dvLayoutBtn button {
    border: 2px solid #fbc647;
    background-color: transparent;
    padding: 9px 11px;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    position: relative;
}

.grid-stack-item-content .dvLayoutBtn button i {
    position: absolute;
    top: 5px;
    left: 5px;
}

.DashBrdExec::before {
    display: none;
}

#dvSelectMonitor, #dvMonitorSelector {
    margin-top: 1px;
    margin: 0;
    margin-right: 10px;
}

#dvSelectMonitor select, #dvMonitorSelector select {
    height: 28px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    background-color: #f9fbfc;
    border: 1px solid #d6dade;
    color: #808080;
    line-height: 14px;
    padding: 5px 15px 5px 5px;
    width: 200px;
}

#dvSlider .irs-with-grid {
    height: 50px;
}

/*HOLOLENS LOGIN PAGE*/
.CustomHololensLogin {
    background-color: #6789fc;
    position: relative;
    background-image: url(../images/BG1.png), url(../images/BG2.png), url(../images/BG3.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0%,100% 0,50% 50%;
}

.CustomHololensLogin .content-wrapper {
    position: relative;
}

.CustomHololensLogin #divLoginFrame {
    padding: 0 0 35px;
}

.CustomHololensLogin .content-wrapper:after {
    content: '';
    position: absolute;
    background-image: url(../images/BG4.png);
    width: 100%;
    height: 161px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
    bottom: 0;
    z-index: 0;
}

.CustomHololensLogin h5 {
    font-size: 30px;
    font-weight: 500;
    color: #0a1a4d;
    text-transform: uppercase;
    margin: 0 !important;
}

.CustomHololensLogin small {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    letter-spacing: 0.3px;
}

.CustomHololensLogin .form-group {
    margin-bottom: 10px;
}

.CustomHololensLogin .form-group .group input {
    width: 100%;
    float: left;
    border-radius: 70px;
    background-color: #fff !important;
    border: none;
    height: 36px;
    padding: 5px 20px;
    color: #e0e0e0;
    font-size: 15px;
    font-weight: 500;
}

.CustomHololensLogin .Forgotpassword a {
    font-size: 14.5px;
    color: #fff;
    font-weight: 500;
}

.CustomHololensLogin .TeamConditions {
    font-size: 14.5px;
    color: #fff;
    font-weight: 500;
    text-align: right;
}

.CustomHololensLogin .TeamConditions a {
    color: #041a5e;
}

.CustomHololensLogin button {
    border-radius: 40px;
    height: 36px;
    border: none;
    color: #222222;
    background-color: #fcd089;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3);
    width: 100%;
}

.CustomHololensLogin button:hover {
    box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3);
    color: #222222 !important;
}

.CustomHololensLogin .CustomCopyRight {
    color: #041a5e;
    font-weight: 600;
    font-size: 15px;
    z-index: 1;
}

.CustomHololensLogin .CustomCopyRight a {
    color: #041a5e !important;
}

.CustomHololensLogin .form-group .group .validation-error-label {
    color: #ffbcbb;
    font-weight: 500;
    top: -35px;
    line-height: 16px;
}

.CustomHololensLogin .progress {
    background-color: #fff;
    border-radius: 10px;
    height: 18px;
    padding: 2px;
    box-shadow: none;
}

.CustomHololensLogin .progress .blue {
    width: 40%;
    height: 14px;
    border: none;
    background-image: linear-gradient(to bottom,#6789fc, 70%,#6789fc);
    box-shadow: none;
}

.CustomHololensLogin .progress .blue span {
    font-size: 10px;
    color: #fff;
    text-shadow: none;
    line-height: 12px;
}

.CustomHololensLogin #divLogo {
    padding: 0 0 20px;
}

.CustomMindLogin {
    background-color: #cdd3e1;
    position: relative;
    background-image: url(../images/CustomLogin/BG.png), url(../images/CustomLogin/BG1.png), url(../images/CustomLogin/BG2.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100% 0%,0% 0%, 90% 100%;
}

.CustomMindLogin .content-wrapper {
    position: relative;
}

.CustomMindLogin .verticalMiddle {
    display: table;
    height: 510px;
    float: left;
}

.CustomMindLogin .verticalMiddle .verticalCenter {
    display: table-cell;
    vertical-align: middle;
}

.CustomMindLogin .LeftSide {
    float: left;
    background-color: transparent;
    box-shadow: none;
    width: 500px;
}

.CustomMindLogin .LeftSide .panel-body {
    padding: 5px;
}

.CustomMindLogin .LeftSide .Header {
    float: left;
    width: 100%;
}

.CustomMindLogin .LeftSide .Header .Icon {
    width: 55px;
    height: 55px;
    background-color: #fff;
    float: left;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 4px 7px rgba(66, 93, 209, 0.2);
}

.CustomMindLogin .LeftSide .Header .Icon::before {
    content: '';
    position: absolute;
    background-image: url(../images/CustomLogin/LeftIcon.png);
    width: 39px;
    height: 39px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
}

.CustomMindLogin .LeftSide .Header h5 {
    float: left;
    margin: 0;
    line-height: 22px;
    padding-top: 30px;
    padding-left: 15px;
    color: #4b4c51;
    font-weight: 500;
    font-size: 25px;
}

.CustomMindLogin .LeftSide .Leftcontent {
    padding: 30px 0;
    width: 100%;
    float: left;
}

.CustomMindLogin .LeftSide .Leftcontent p {
    font-size: 16px;
    font-weight: 500;
    color: #5f6065;
    line-height: 26px;
}

.CustomMindLogin .LeftSide .Leftcontent p strong {
    font-weight: bold;
    color: #2b2b2f;
}

.CustomMindLogin .LeftSide .Leftcontent ul {
    background-color: #d6dbe7;
    margin: 0;
    float: left;
    padding: 4px 15px;
    border-radius: 30px;
    margin: 22px 0 12px;
}

.CustomMindLogin .LeftSide .Leftcontent ul li {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    margin: 5px 15px;
}

.CustomMindLogin .LeftSide .Leftcontent ul li::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../images/Icons.png);
}

.CustomMindLogin .LeftSide .Leftcontent ul li:first-child::after {
    background-position: 0 30px;
}

.CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(2)::after {
    background-position: -67px 30px;
}

.CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(3)::after {
    background-position: -133px 30px;
}

.CustomMindLogin .LeftSide .Leftcontent ul li:nth-child(4)::after {
    background-position: 30px 30px;
}

.CustomMindLogin .LeftSide .Leftfooter {
    text-align: left;
    float: left;
    width: 100%;
    border-top: 1px solid #bfc7df;
    padding: 10px 0;
}

.CustomMindLogin .LeftSide .Leftfooter span {
    color: #7d7f85;
    font-size: 12px;
    font-weight: 500;
}

.CustomMindLogin .LeftSide .Leftfooter span a {
    color: #7d7f85 !important;
}

.CustomMindLogin .login-form {
    width: 440px;
    border-radius: 10px !important;
    margin: 0;
    float: right;
    margin-right: 35px;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}

.CustomMindLogin .login-form .panel-body {
    padding: 45px 50px;
}

.CustomMindLogin .LogoContainer {
    text-align: center;
    box-shadow: 0 8px 12px rgba(0,0,0,.07);
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
    height: 108px;
}

.CustomMindLogin .LogoContainer .LogoMind {
    display: inline-block;
    background-color: #fff;
    width: 115px;
    height: 115px;
    border-radius: 75px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 5px 22px rgba(66, 93, 209, 0.24);
}

.CustomMindLogin .LogoContainer .LogoMind img {
    position: relative;
    top: 35px;
}

.CustomMindLogin .form-group {
    margin-bottom: 15px;
}

.CustomMindLogin .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #898b95;
}

.CustomMindLogin .form-group input {
    width: 100%;
    float: left;
    background-color: #fff !important;
    border-bottom: 1px solid #435dcf !important;
    height: 36px;
    padding: 5px 0;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    border: none;
}

.CustomMindLogin .Forgotpassword {
    margin-bottom: 35px !important;
}

.CustomMindLogin .Forgotpassword a {
    font-size: 13px;
    color: #5068d7;
    font-weight: 500;
}

.CustomMindLogin .TeamConditions {
    font-size: 14.5px;
    color: #fff;
    font-weight: 500;
    text-align: right;
}

.CustomMindLogin .TeamConditions a {
    color: #041a5e;
}

.CustomMindLogin button {
    border-radius: 40px;
    height: 42px;
    border: none;
    color: #fff;
    background-image: linear-gradient(58deg,#4f6df6 0,#3a54c5 100%) !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3);
    width: 100%;
    letter-spacing: 0.4px;
    margin-bottom: 25px;
}

.CustomMindLogin button:hover {
    box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3);
    color: #fff !important;
    opacity: 0.95;
}

.CustomMindLogin .form-group span {
    color: #6e7173;
    font-weight: 500;
    font-size: 12px;
    z-index: 1;
}

.CustomMindLogin .form-group .group .validation-error-label {
    color: #ffbcbb;
    font-weight: 500;
    top: -35px;
    line-height: 16px;
}

.CustomMindLogin .progress {
    background-color: #fff;
    border-radius: 10px;
    height: 18px;
    padding: 2px;
    box-shadow: none;
}

.CustomMindLogin .progress .blue {
    width: 40%;
    height: 14px;
    border: none;
    background-image: linear-gradient(to bottom,#6789fc, 70%,#6789fc);
    box-shadow: none;
}

.CustomMindLogin .progress .blue span {
    font-size: 10px;
    color: #fff;
    text-shadow: none;
    line-height: 12px;
}

/* Scrollbar rail styles*/
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 5px;
    right: 0;
    position: absolute;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
    background-color: #ccc;
    opacity: 0.9;
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

/* Scrollbar thumb styles*/
#dvMMView .ViewType {
    width: 100%;
    padding: 10px;
}

.CustomViewToggleLeft {
    width: 285px;
    float: left;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent, .CustomViewToggleRight {
    border: 1px solid #46a0fc !important;
    box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px 4px 0 0;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-title, .CustomViewToggleRight #divSelectedColumns .header {
    background: #4F7AB8;
    background-image: linear-gradient(120deg, #46a0fc, #8dc6ff) !important;
    border: 0px !important;
    padding: 10px 20px !important;
}

.CustomViewToggleRight #divSelectedColumns #content {
    border: none;
    background-color: transparent;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-title span {
    color: #fff;
    line-height: 18px;
    text-transform: uppercase;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main {
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu {
    padding: 7px 0;
    border-bottom: 1px solid #46a0fc;
    background-color: #F1F8FE;
    text-align: right;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu span {
    padding: 8px 5px;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-SubMenu span a[disabled="disabled"] {
    cursor: not-allowed;
    opacity: 0.7;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content {
    padding: 10px 0 0 0;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content #dvViewGrid {
    width: 100% !important;
    border: none;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles {
    border-bottom: 1px solid #46a0fc;
    float: left;
    width: 100%;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .heading-elements {
    top: 23px;
    background-color: transparent;
    height: 30px;
    right: 10px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .DBType, .CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .QueryName {
    float: left;
    margin-right: 8px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Btn_Combo {
    float: right;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .QueryName input {
    height: 28px;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr.rowselected td {
    background-color: #f7bb0f !important;
    border: none !important;
    color: #fff !important;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr.odd_dhx_skyblue td {
    background-color: rgba(104, 176, 253, 0.15);
    border: none !important;
}

.CustomViewToggleLeft .sidebarcustom .sideBarContent .category-Main .category-content .gridbox .objboxParent .objbox table tbody tr td {
    height: 36px;
    border: none !important;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.CustomViewToggleLeft.active {
    margin-left: -320px;
}

.CustomViewToggleRight, .CustomDataBind {
    width: calc(100% - 300px);
    float: left;
    margin-left: 15px;
    position: relative;
}

.CustomViewToggleRight.active {
    width: 100%;
    margin-left: 0;
}

.CustomViewToggleRight #divSelectedColumns {
    width: 100%;
}

.CustomViewToggleRight #main {
    width: 100%;
    padding: 0;
    background-color: transparent;
}

.CustomViewToggleRight #divSelectedColumns .header a {
    width: 16px;
    height: 32px;
    line-height: 50px;
    display: block;
    font-size: 27px;
    border: 1px solid #fff;
    border-right: 0;
    border-radius: 0 3px 3px 0;
    text-align: center;
    position: absolute;
    left: 0px;
    z-index: 4;
    padding: 0;
    background-color: #fff;
    top: 4px;
}

.CustomViewToggleRight #divSelectedColumns .header a i {
    position: relative;
    top: 7px;
    left: -1.5px;
}

.CustomViewToggleRight #divSelectedColumns .header span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding-left: 7px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query {
    border-radius: 3px;
    height: 28px;
    line-height: 12px;
    padding: 7px 10px 7px 40px;
    color: #fff;
    float: left;
    margin-right: 7px !important;
    margin: 0;
    border: none;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query::before {
    background-color: #fff;
    width: 30px;
    height: 28px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px 0 0 3px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
    left: 30px;
    top: 9px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-save-query-button::before {
    background-image: url(../images/SpritesImages/MetaModal.png);
    background-position: 0 28px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-clear-query-button::before {
    background-image: url(../images/SpritesImages/MetaModal.png);
    background-position: 60px 56px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-load-query-button::before {
    background-image: url(../images/SpritesImages/MetaModal.png);
    background-position: 30px 84px;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-load-query-button {
    background-color: #5db59a;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-save-query-button {
    background-color: #5db59a;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles .Query.Custom-clear-query-button {
    background-color: #ff7d54;
}

.CustomViewToggleRight #divSelectedColumns #main .SubMainTitles select {
    border-radius: 4px;
    border: none;
    height: 28px;
    line-height: 14px;
    padding: 0px 8px;
    color: #5d5d5d;
    background-color: #fff;
    width: 150px;
    text-align: left;
    margin: 0 !important;
    box-shadow: none;
    font-size: 11px;
    font-weight: 500;
}

.panel_bg_01.panel {
    border: 1px solid #ab8ce4c2 !important;
    box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.03), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
}

.panel_bg_01.panel .panel-heading {
    background-image: none;
    border-bottom: 1px solid #ab8ce4c2 !important;
    padding: 10px 20px !important;
}

.panel_bg_01.panel .panel-heading h6 {
    color: #3b5267 !important;
    font-weight: 500;
}

.panel_bg_01.panel .panel-body {
    padding: 0;
}

/*HOLOLENS LOGIN PAGE*/
/*CUSTOM GRID STYLE*/
/*#divCanvas .custom_data_grid_two_del_btn .table-widget .table-widget-content table tbody tr td:nth-child(4) button{background-image: url(../../images/delete.png); background-position: center; background-repeat: no-repeat; background-color: transparent; border: 0px; content: none !important; text-align: right; color: #E57373; width: 100%; transition:0.5s; padding:8px; color: white !important;}*/
/* Custom Tree Grid  */
#divCanvas .cus_tree_grid {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important;
    -moz-box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important;
    box-shadow: 0px 0px 7px 0px rgba(135,154,190,0.52) !important;
}

#divCanvas .cus_tree_grid .table-widget .table-widget-content table thead tr th {
    border: none;
    padding: 15px 10px;
    background-color: #f7f7fa !important;
    line-height: 16px;
    font-size: 13px;
    color: #394c59;
    font-weight: 500;
    border-left: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

#divCanvas .cus_tree_grid .table-widget .table-widget-content table {
    padding: 0px;
}

#divCanvas .cus_tree_grid table.dataTable tbody tr.selected {
    background-color: #e7f1fe !important;
}

#divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group .form-control, #divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .controls .form-control {
    border: 0px;
    background-color: transparent !important;
    color: #3b5267;
    font-size: 15px;
}

#divCanvas .cus_tree_grid .table-widget .table-widget-content table tbody tr td {
    border-bottom: 1px solid #ddd !important;
    border-top: 0px solid #ddd !important;
    height: 40px !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button {
    border: 2px solid #2e89e5 !important;
    background-color: #ffffff;
    font-size: 13px;
    border-radius: 25px;
    padding: 6px 25px;
    font-weight: bold !important;
    color: #2e89e5;
}

#divCanvas .unassign-liscence .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button {
    border: 2px solid rgba(0,194,146,.8) !important;
    background-color: rgba(0,194,146,.8)!important;
    font-size: 13px;
    border-radius: 25px;
    padding: 6px 25px;
    font-weight: bold !important;
    color: #fff;
}

#divCanvas .grid_icon-wrp .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(3) div span button:hover, #divCanvas .grid_icon-wrp .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(4) div span button:hover {
    background-color: transparent !important;
}

#divCanvas .grid_icon-wrp .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(2) div span button:hover, #divCanvas .grid_icon-wrp .grid_results_ro1 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td:nth-child(3) div span button:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* This is for IE8 and other earlier browsers */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content .dataTables_wrapper table tbody tr td div span button:hover {
    background-color: #1584ef !important;
    font-size: 13px;
    color: #fff !important;
    -webkit-box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39);
    -moz-box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39);
    box-shadow: 0px 2px 15px 0px rgba(3, 44, 254, 0.39);
}

.grid_results_edit3 {
    border: 0px solid #bfd8e3;
    border-radius: 0px;
    margin-bottom: 0;
    background-color: transparent;
}

.grid_results_edit3 .panel-heading {
    background-image: url('../images/Themes/Default_Theme/bg_trans_1.png') !important;
    background-color: #d8eeff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 10px 20px !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, .08);
}

#divCanvas .grid_results_edit3 .panel-heading {
    border-radius: 5px !important;
}

#divCanvas .header-hide-grid .panel-heading {
    display: none !important
}

#divCanvas .grid_results_edit3 .panel-heading h6 {
    font-size: 16px;
    font-weight: bold !important;
    color: #3c556c !important;
    letter-spacing: 0.5px;
}

#divCanvas .grid_results_edit3 .panel-heading .heading-elements {
    margin-top: -15px;
    right: 10px;
    background-color: transparent;
}

#divCanvas .grid_results_edit3 .panel-heading .navbarpad {
    margin: 0;
}

#divCanvas .grid_results_edit3 .panel-heading .navbarpad li a {
    padding: 5px 8px !important;
}

#divCanvas .grid_results_edit3 .panel-heading .navbarpad li .btn {
    border: 0px solid #ffffff;
    border-radius: 3px;
    margin-left: 6px;
    font-weight: 600;
    color: #3c556c;
    letter-spacing: 0.2px;
    font-size: 14px;
    line-height: 12px;
}

#divCanvas .grid_results_edit3 .panel-heading a.collapse3 {
    color: #3c556c;
}

#divCanvas .grid_results_edit3 .panel-heading a.collapse3:after {
    content: '\f056';
    font-size: 20px;
}

#divCanvas .grid_results_edit3 .panel-heading a.collapse3.rotate-180:after {
    content: '\f055';
    font-size: 20px;
}

#divCanvas .grid_results_edit3 .collapse {
    background-color: #fcfcfc;
    border-bottom: 1px solid #dddddd;
}

#divCanvas .grid_results_edit3 .collapse a {
    width: 100% !important;
}

#divCanvas .grid_results_edit3 .panel-body {
    padding: 0;
}

#divCanvas .grid_results_edit3 .table-widget-content table thead {
    background-color: #e8eaec;
}

#divCanvas .grid_results_edit3 .table-widget-content table {
    padding: 0 !important;
}

#divCanvas .grid_results_edit3 .table-widget-content table thead tr th {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #777777 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 8px !important;
}

#divCanvas .grid_results_edit3 .table-widget-content table tbody tr.selected td {
    background-color: #d5e9fe !important;
}

#divCanvas .grid_results_edit3 .ui-iggrid .ui-widget-content tr {
    border-bottom: 5px;
}

#divCanvas .grid_results_edit3 .table-widget-content table tbody td {
    position: relative !important;
    height: 40px !important;
}

#divCanvas .grid_results_edit3 .ui-iggrid .ui-widget-content td .controls {
    position: absolute;
    top: -2px;
}

#divCanvas .grid_results_edit3 table tr td {
    border: none !important;
    border-bottom: 1px solid #bcc6d1 !important;
    border-top: 1px solid #bcc6d1 !important;
    border-left: 0px solid #cccccc !important;
    border-right: 0px !important;
    padding-left: 15px;
}

#divCanvas .grid_results_edit3 table tr td:first-child {
    border-left: none !important;
}

#divCanvas .grid_results_edit3 table, .z_grid tr td {
    border-spacing: 0 7px;
    background-color: #fcfffd;
}

#divCanvas .grid_results_edit3 tr td {
    background-color: #ffffff;
}

#divCanvas .grid_results_edit3 .ui-iggrid-selectedcell .ui-igcombo-wrapper {
    height: 100%!important;
    padding-left: 20px
}

#divCanvas .grid_results_edit3 .datatable-footer .bootpag li a {
    border: 1px solid #b1b1b1 !important;
    color: #787878 !important;
}

#divCanvas .grid_results_edit3 .datatable-footer {
    padding: 4px 0 !important;
}

#divCanvas .grid_results_edit3 .navbarpad li:last-child a {
    top: 0 !important;
}

#divCanvas .grid_results_edit3 table.dataTable {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

@media (max-width: 1275px) and (min-width: 769px) {
    .heading-elements.visible {
        background-color: #00bcd4 !important;
    }
}

#divCanvas .grid_results_edit3 tr .selected .form-group {
    border: 1px solid #dddddd !important;
}

#divCanvas .grid_results_edit3 .search_part .input-group-btn .btn {
    background-color: #1a7251 !important;
}

#divCanvas .grid_results_edit3 .search_part .input-group-btn .btn:hover {
    background-color: #136244 !important;
}

#divCanvas .grid_results_edit3 .navbarpad a {
    color: #3c556c !important;
}

#divCanvas .grid_results_edit3 .navbarpad .dropdown-menu a {
    color: #464846 !important;
}

#divCanvas .grid_results_edit3 .navbarpad .dropdown-menu {
    border-bottom: 1px solid #464846 !important;
    border-left: 1px solid #464846 !important;
    border-right: 1px solid #464846 !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table.dataTable tbody tr.selected {
    background-color: red !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td .form-group .form-control {
    border: 1px solid transparent !important;
    background-color: transparent !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr.selected td .form-group .form-control {
    background-color: White !important;
    border: 1px solid #c9d3e3 !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table thead tr th {
    font-size: 12px !important;
    border-bottom: 0px solid #ddd !important;
    padding: 7px 10px !important;
    line-height: 15px;
}

.grid_results_edit3 .dataTable .dataTables_empty {
    font-size: 18px !important;
    background-image: url(../images/nodata.png) !important;
    background-repeat: no-repeat !important;
    background-position: top 10px center !important;
    padding-top: 150px !important;
    height: 130px !important;
    color: #fa7c9f;
    padding-bottom: 12px !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child {
    background-position: left;
    background-repeat: no-repeat;
    font-size: 12px !important;
    color: #324923 !important;
    border-left: 1px solid #bcc6d1 !important;
    border-radius: 5px 0px 0px 5px !important
}

#divCanvas .grid_results_edit3 .treegrid-control {
    display: none;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    border-left: 1px solid #bcc6d1 !important;
    border-radius: 5px 0 0 5px;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child {
    border-right: 1px solid #bcc6d1 !important;
    border-radius: 0px 5px 5px 0px !important
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child .form-group .form-control, #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:first-child .controls .form-control {
    font-size: 16px !important;
    color: #324923 !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) input[type=text] {
    border: 1px solid #dddddd !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control, #divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:nth-child(2) .controls .form-control {
    font-size: 12px !important;
    color: #5a5b5b !important;
}

#divCanvas .cus-btn-lst-chd .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child button {
    border: 2px solid #2e89e5 !important;
    background-color: #ffffff !important;
    color: #2e89e5;
    font-size: 13px;
    padding: 6px 25px;
    border-radius: 25px !important;
}

#divCanvas .grid_results_edit3 .table-widget .table-widget-content table tbody tr td:last-child button {
    background-color: transparent !important;
    border: 0px !important;
    text-align: center;
    padding: 8px 10px;
    background-image: url('../images/percentage.png');
    background-position: center;
    background-repeat: no-repeat;
}

#divCanvas .grid_results_edit3 .CustomCheckbox input[type="radio"]+label::before, .CustomCheckbox input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    vertical-align: -35%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #3b61eb !important;
    margin-right: .5em;
    border-radius: 3px !important;
}

/*CUSTOM GRID STYLE*/
/***********************************************************  MEDIA QUERY  ***********************************************************/
.sun_custom_wizard .sf-t1 .sf-nav-top li.sf-active .sf-nav-number, .sf-t1 .sf-nav-bottom li.sf-active .sf-nav-number {
    background-color: #052b63;
}

.sun_custom_wizard .sf-step-name {
    display: none !important;
}

.CustomStepWizard .sun_custom_wizard .sf-wizard .sf-content .sf-viewport {
    border: none;
}

.sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step.sf-active::after, .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step.sf-active::after {
    border-color: transparent transparent transparent #052b63;
}

.sun_custom_wizard .sf-t1 .sf-nav-number {
    position: absolute;
    text-align: center;
    width: 37px;
    left: 0;
    top: 0;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    background: #d6b5c6;
}

.sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step::after, .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step::after {
    border-color: transparent transparent transparent #d6b5c6;
}

.sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step::before, .sf-t1 .sf-nav-bottom .sf-nav-step::before, .sf-t1 .sf-nav-left .sf-nav-step::before, .sf-t1 .sf-nav-right .sf-nav-step::before, .sf-t1 .sf-btn .sf-nav-step::before {
    content: "";
    width: 1px;
    height: 1px;
    background: transparent;
    position: absolute;
    top: 0;
    left: -13px;
    border: 20px solid transparent;
    border-top-color: transparent;
    border-top-width: 20px;
    border-right-width: 20px;
    border-bottom-color: transparent;
    border-bottom-width: 20px;
    border-left-width: 20px;
    border-width: 25px 13px 25px 13px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: -1;
}

.sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step:first-child .sf-nav-number, .sf-t1 .sf-nav-bottom .sf-nav-step:first-child .sf-nav-number {
    width: 52px;
}

.sun_custom_wizard .sf-t1 .sf-nav-top .sf-nav-step::after, .sf-t1 .sf-nav-top.sf-btn::after, .sf-t1 .sf-nav-bottom .sf-nav-step::after, .sf-t1 .sf-nav-bottom.sf-btn::after, .sf-t1 .sf-nav-left .sf-nav-step::after, .sf-t1 .sf-nav-left.sf-btn::after, .sf-t1 .sf-nav-right .sf-nav-step::after, .sf-t1 .sf-nav-right.sf-btn::after, .sf-t1 .sf-btn .sf-nav-step::after, .sf-t1 .sf-btn.sf-btn::after {
    content: "";
    width: 1px;
    height: 1px;
    background: transparent;
    position: absolute;
    top: 0;
    right: -28px;
    border: 20px solid transparent;
    border-width: 25px 13px 25px 13px;
    z-index: -1;
}

.sun_custom_wizard .sf-fieldwrap .sf-step {
    padding: 10px !important;
}

.CustomStepWizard .sun_custom_wizard .finish-btn {
    display: none !important;
}

.pre_app_btn {
    border-radius: 25px !important;
    border: 1px solid #ae264b !important;
    text-align: center !important;
    color: #ad264b !important;
    box-shadow: 0 6px 0 0 rgba(0,0,0,.01),0 15px 32px 0 rgba(0,0,0,.06) !important;
    background-color: White !important;
}

.sun_custom_wizard .mob_textbox {
    background-color: transparent !important;
    border-radius: 0px !important;
}

.CustomStepWizard .sun_custom_wizard .sf-wizard .sf-content .sf-viewport .sf-step {
    border: 0px !important;
    background-color: transparent;
}

.sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-top .sf-nav .sf-nav-step, .sun_custom_wizard .sf-t1 .sf-nav-smmob.sf-nav-bottom .sf-nav .sf-nav-step {
    height: 42px;
}

.mdlpublish .content-wrapper {
    background-color: transparent;
}

/******************************* NEW LOGIN DESIGN ********************************/
.login-container-Venous {
    background-color: #1c6786;
    background-image: url(../images/VenousBG1.png), url(../images/VenousBG2.png) ;
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
}

.login-container-Venous .page-content {
    display: table-row;
    height: 100%;
}

.login-container-Venous .page-content .content-wrapper {
    vertical-align: middle;
    display: table-cell;
}

.login-container-Venous .login-form {
    width: 520px;
    margin: auto;
    background-color: #cbdae3;
    border-radius: 10px !important;
}

.login-container-Venous .login-form .panel-heading {
    background: #0cffb8;
    background-image: linear-gradient(120deg, #0cffb8, #24aed6) !important;
    padding: 30px 20px!important;
    border-radius: 10px 10px 0 0 !important;
    box-shadow: 1px 4px 7px rgba(70, 70, 70, 0.3);
}

.login-container-Venous .login-form .panel-body {
    padding: 40px 40px 15px;
}

.login-container-Venous .login-form .form-group label {
    font-size: 17px;
    color: #524b4b;
    font-weight: 500;
    line-height: 21px;
}

.login-container-Venous .login-form .form-group input {
    background-color: transparent;
    border-bottom: 1px solid #daa8a8;
}

.login-container-Venous .login-form .form-group .ForgotPassword {
    color: #14abb6;
    font-size: 13px;
    font-weight: 600;
}

.login-container-Venous .login-form .form-group span {
    font-size: 13px;
    font-weight: 600;
    color: #757575;
}

.login-container-Venous .login-form .form-group button {
    border-radius: 30px;
    height: 42px;
    background: #0cffb8;
    background-image: linear-gradient(120deg, #0abdc2, #337490) !important;
    padding: 11px 20px;
    margin-bottom: 15px;
}

.login-container-Venous .login-form .form-group p {
    font-size: 15px;
    font-weight: 500;
    color: #2b3147;
}

/******************************* NEW LOGIN DESIGN ********************************/
.vertical_middle_center {
    display: table;
    width: 100%;
    height: 100%;
}

.vertical_middle {
    vertical-align: middle;
    display: table-cell;
}

.CustomHoloDailPad {
    background-color: #000;
    background-image: url(../images/Serrbaone_logo.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.CustomHoloDailPad .leftSide {
    width: 375px;
    margin: 0 auto;
    background-color: #191a1b;
    padding: 15px;
    border-radius: 7px;
}

.CustomHoloDailPad .leftSide .Passcode .LeftPad {
    padding-left: 7.5px;
    position: relative;
}

.CustomHoloDailPad .leftSide .Passcode .LeftPad input {
    background-image: url(../images/username.png);
    background-repeat: no-repeat;
    background-position: 7% 50%;
}

.CustomHoloDailPad .leftSide .Passcode .RightPad input {
    background-image: url(../images/password.png);
    background-repeat: no-repeat;
    background-position: 7% 50%;
}

.CustomHoloDailPad .leftSide .Passcode .RightPad {
    padding-right: 7.5px;
    position: relative;
}

.CustomHoloDailPad .leftSide .Passcode .RightPad input {
    text-align: left;
    font-size: 40px !important;
    text-indent: 55px;
    letter-spacing: 30px;
}

.CustomHoloDailPad .leftSide .Numiric .BtnLeft {
    background-image: url(../images/LeftArrowPad.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.CustomHoloDailPad .leftSide .Numiric .BtnRight {
    background-image: url(../images/RightArrowPad.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.CustomHoloDailPad .leftSide .Numiric .BtnSumbit {
    background-image: url(../images/sent.png);
    background-repeat: no-repeat;
    background-position: 6% 50%;
    font-size: 28px !important;
    padding-left: 55px !important;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 500 !important;
}

.CustomHoloDailPad .leftSide .Numiric .cancel {
    position: relative;
}

.CustomHoloDailPad .leftSide .Numiric .cancel button {
    background-image: url(../images/cancel.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

.CustomHoloDailPad .leftSide .Numiric .closes {
    position: relative;
}

.CustomHoloDailPad .leftSide .Numiric .closes button {
    background-image: url(../images/singlecancel.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.CustomHoloDailPad .leftSide .Numiric .PaddingChanges {
    padding: 0 8px;
}

.CustomHoloDailPad .leftSide .Passcode input.CustomBtn, .CustomHoloDailPad .leftSide .Passcode button.CustomBtn {
    background-color: rgba(3, 32, 56, 0.8);
    border: 1px solid rgba(255, 233, 200, 0.3);
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    padding: 15px 10px;
    height: 70px;
    line-height: 30px;
    margin: 0 0 10px;
    border-radius: 5px;
    text-indent: 35px;
    letter-spacing: 7.5px;
}

.CustomHoloDailPad .leftSide .Numiric button.CustomBtn {
    background-color: rgba(3, 32, 56, 0.8);
    border: 1px solid rgba(255, 233, 200, 0.3);
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    padding: 15px;
    height: 70px;
    line-height: 30px;
    margin: 10px 0;
    border-radius: 5px;
}

.CustomHoloDailPad .leftSide .Numiric.LastDailPad button.CustomBtn {
    margin: 10px 0 0;
}

/*@media(min-width:769px) and (max-width: 1800px) {.jsPanelOutter{display:none;}}*/
@media(min-width: 1301px) and (max-width: 1500px) {
    .Docexpl .col-md-2, .Doctype .col-md-2 {
        width: 25%;
    }

    .Docexpl .col-md-10, .Doctype .col-md-10 {
        width: 75%;
    }

    .Docexpl .col-md-10 .col-md-8 {
        width: 50%;
    }

    .Docexpl .col-md-10 .col-md-4 {
        width: 50%;
    }
}

@media(max-width: 1530px) {
    .CustomSmartUiToggle .MainElements .pull-right, .CustomSmartUiToggle .MainElements .navbar-right, .CustomSmartUiToggle .breadcrumb-line .CustomMegaMenu {
        float:left !important;
    }
}

@media(min-width: 1400px) {
    .outLookView .heading-elements {
        display:block;
    }

    .outLookView .heading-elements-toggle {
        display: none;
    }
}

@media(max-width: 1400px) {
    .outLookView .heading-elements {
        display:none;
    }

    .outLookView .heading-elements.visible {
        position: absolute !important;
        top: 100% !important;
        background-color: #fff !important;
        padding: 10px 0;
        border-width: 1px 0;
        left: 0;
        right: 0;
        z-index: 999;
        height: auto;
        border: 1px solid #ddd;
        text-align: center;
        margin-top: 0;
        display: block !important;
    }

    .outLookView .heading-elements-toggle {
        display: block;
    }
}

@media(min-width: 1275px) {
    .ForMobile {
        display:none;
    }

    .ForDefault {
        display: block;
    }
}

@media(max-width: 1275px) {
    .ForMobile .heading-elements-toggle {
        top:64px;
        right: 7px;
    }

    .ForMobile.CutomMargin {
        margin-top: 0;
    }
}

@media(min-width: 950px) and (max-width: 1400px) {
    .ForMobile {
        display:none;
    }

    .ForDefault {
        display: block;
    }

    #designStudioMenu .heading-elements {
        display: none;
    }

    #designStudioMenu .heading-elements-toggle {
        display: block;
    }
}

@media(min-width: 1260px) and (max-width: 1340px) {
    .outLookView .panel .datatable-scroll .inb_datlist2 span.Username {
        width:100%;
        float: left;
    }

    .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime {
        width: 50%;
        float: left;
        margin-left: 0;
    }
}

@media(min-width: 1025px) and (max-width: 1260px) {
    .outLookView .panel .datatable-scroll .inb_datlist2 span.InstanceName {
        float:none;
        text-align: center;
        display: inline-block;
    }

    .outLookView .panel .datatable-scroll .inb_datlist2 span.Username {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center;
        margin-bottom: 5px;
    }

    .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlookdate, .outLookView .panel .datatable-scroll .inb_datlist2 span.Outlooktime {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
        display: inline-block;
        margin-bottom: 5px;
    }
}

@media(min-width: 1025px) and (max-width: 1300px) {
    .Docexpl .col-md-2, .Doctype .col-md-2 {
        width: 30%;
    }

    .Docexpl .col-md-10, .Doctype .col-md-10 {
        width: 70%;
    }

    .Docexpl #tilesDocuments .col-md-6 {
        width: 100%;
    }

    .Docexpl .col-md-10 .col-md-8 {
        width: 100%;
    }

    .Docexpl .col-md-10 .col-md-4 {
        width: 100%;
    }
}

@media(min-width: 1100px) and (max-width: 1366px) {
    .gobalTabTwo .tabbable .nav-tabs li a {
        padding: 16px 0;
    }

    .gobalTabTwo .tabbable .nav-tabs li a span {
        font-size: 15px;
    }

    .TeamTab.gobalTab .nav-tabs li a {
        padding: 12px 23px;
        font-size: 14px !important;
    }

    .TeamTab.gobalTab .nav-tabs li a i {
        font-size: 14px !important;
    }
}

@media(max-width: 1325px) {
    #VideoCollboration.panel-body {
        overflow:auto;
        padding: 0 10px !important;
    }

    /*.VideoChatWindow.col-md-4, .VideoChatWindow.col-xs-12, .VideoChatWindow.col-xs-12, .VideoPlay.col-md-8{width:100%; padding:0 10px;}*/
    #VideoCollboration .VideoChatWindow .tabbable {
        padding: 10px 8px;
    }
}

@media(min-width: 991px) and (max-width: 1050px) {
    #VideoCollboration.panel-body {
        padding:10px !important;
    }

    #VideoCollboration .VideoChatWindow.col-md-4, #VideoCollboration .VideoPlay.col-md-8 {
        padding: 0 10px;
    }

    #VideoCollboration .VideoChatWindow .tabbable {
        padding: 10px 8px;
    }
}

@media(min-width: 991px) and (max-width: 1100px) {
    .gobalTabTwo .tabbable .nav-tabs li a {
        padding: 16px 0;
    }

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

    .TeamTab.gobalTab .nav-tabs li a {
        padding: 12px 16px;
        font-size: 13px !important;
    }

    .TeamTab.gobalTab .nav-tabs li a i {
        font-size: 15px !important;
    }
}

@media(min-width: 851px) and (max-width: 991px) {
    .gobalTabTwo .tabbable .nav-tabs li a {
        padding:16px 0;
    }

    .gobalTabTwo .tabbable .nav-tabs li a span {
        font-size: 11px;
    }

    .TeamTab.gobalTab .nav-tabs li a {
        padding: 12px 11px;
        font-size: 14px !important;
    }

    .TeamTab.gobalTab .nav-tabs li a i {
        font-size: 14px !important;
        display: none;
    }
}

@media(min-width: 769px) and (max-width: 850px) {
    .gobalTabTwo .tabbable .nav-tabs li a {
        padding:16px 0;
    }

    .gobalTabTwo .tabbable .nav-tabs li a i {
        display: none;
    }

    .gobalTabTwo .tabbable .nav-tabs li a span {
        font-size: 11px;
    }

    .TeamTab.gobalTab .nav-tabs li a {
        padding: 12px 8px;
        font-size: 12px !important;
    }

    .TeamTab.gobalTab .nav-tabs li a i {
        font-size: 12px !important;
        display: none;
    }

    .VideoPlay .page-header .heading-elements a {
        margin: 0 4px;
    }

    .VideoPlay .page-header .heading-elements {
        margin-top: -18px;
        right: 5px;
    }

    .SerbaLogin .login-form {
        float: none;
        margin-right: 0;
        margin: auto;
    }

    .SerbaLogin .ContentMessage::before {
        right: 0;
        margin: auto;
        bottom: 15px;
        top: auto;
    }
}

@media (max-width: 1100px) {
    .CustomSmartUiToggle .MainElements.heading-elements, .CustomSmartUiToggle .breadcrumb-elements {
        display:none;
    }

    .CustomSmartUiToggle .MainElements.heading-elements-toggle, .CustomSmartUiToggle .breadcrumb-elements-toggle {
        display: block;
    }
}

@media(min-width: 769px) and (max-width: 1275px) {
    .page-header-content .heading-elements-toggle {
        right: 2% !important;
        position: fixed;
    }

    #dvDesignStudioIfmContainer .page-header-content .heading-elements-toggle {
        top: 115px;
    }

    .heading-elements.visible {
        position: absolute !important;
        top: 100% !important;
        background-color: #fff !important;
        padding: 6px 10px;
        border-width: 1px 0;
        left: 0;
        right: 0;
        z-index: 999;
        height: auto;
        border: 1px solid #ddd;
        text-align: center;
        margin-top: 0;
        display: block !important;
    }

    .heading-elements.visible .form-group {
        margin-bottom: 0;
    }

    .BgGrid .heading-elements.visible ul {
        margin: 0 auto;
        text-align: center;
        float: none;
    }

    .BgGrid .heading-elements.visible ul li {
        color: #636363;
    }

    .heading-elements.visible ul {
        margin: 0 auto;
    }

    .heading-elements.visible ul li {
        color: #636363;
    }

    #dvIspaceMenu .navbar-right, .inboxToolbar .navbar-right {
        float: left !important;
    }

    #ifrmUsers .page-header-content .heading-elements-toggle {
        right: 4% !important;
    }

    .breadcrumb-line .breadcrumb-elements-toggle {
        position: fixed;
        right: 2%;
        top: 115px;
    }

    .breadcrumb-elements.visible {
        position: absolute !important;
        top: 100% !important;
        background-color: #03ab9b !important;
        padding: 7px 10px;
        left: 0;
        right: 0;
        z-index: 999;
        height: auto;
        text-align: center;
        margin-top: 0;
        display: block;
    }

    .breadcrumb-elements.visible .CustomMegaMenu {
        float: right;
    }
}

@media(max-width: 1150px) {
    #dvDesignStudioIfmContainer .CustomFixed {
        position:static;
    }

    #dvDesignStudioIfmContainer .content {
        padding-top: 0 !important;
    }

    .mainHeading {
        padding: 11px 18px 11px 0 !important;
    }
}

@media(min-width: 769px) and (max-width: 1050px) {
    .dstopmenu li {
        width: 100%;
    }

    .dstopmenu li a:before, .dstopmenu li a:after {
        display: none;
    }

    .dstopmenu li a {
        text-align: left;
    }

    .dstopmenu li a span:first-child {
        text-align: center;
    }
}

@media(min-width: 769px) and (max-width: 991px) {
    .dstopmenu .navbar-nav li a {
        padding: 11px 21px !important;
    }

    .Doctype #treeboxbox_tree0, .Docexpl #documentTypeTree {
        height: 200px !important;
    }

    .Doctype .sidebarcustom, .Docexpl .sidebarcustom {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .mainCustomTable .heading-elements, .CustomTable_ver2 .heading-elements {
        margin-top: 0;
    }

    #dvDesignStudioIfmContainer .CutomMargin {
        margin-top: 0;
    }

    #dvDesignStudioIfmContainer .page-header {
        padding-top: 46px;
    }

    #dvDesignStudioIfmContainer .modal-body .content {
        padding-top: 20px !important;
    }

    #dvDesignStudioIfmContainer .CustomFixed .heading-elements {
        right: 0;
    }

    #dvDesignStudioIfmContainer .page-header-content .heading-elements-toggle {
        right: 4% !important;
        display: block;
    }

    #dvDesignStudioIfmContainer .modal-body .page-header {
        padding-top: 0;
    }

    #dvDiagram #sideBar {
        width: 25% !important;
    }

    #dvDiagram #myDiagramDiv {
        width: 75% !important;
    }

    .dstopmenu a {
        padding: 10px;
        font-size: 12px;
    }

    .dstopmenu a:before, .dstopmenu a:after {
        border-top-width: 22px;
        border-bottom-width: 22px;
        border-left-width: 11px;
    }
}

@media(max-width: 768px) and (min-width: 601px) {
    .dstopmenu .navbar-nav li a {
        padding: 13px 23px !important;
    }

    .dstopmenu .navbar-nav > li + li {
        margin-top: 0;
    }

    .dstopmenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        min-width: fit-content;
    }

    .gobalTabTwo .tabbable .nav-tabs li a {
        padding: 15px 0;
    }

    .TeamTab.gobalTabTwo .tabbable .nav-tabs li a i {
        font-size: 13px !important;
        margin-right: 5px;
    }

    .TeamTab.gobalTabTwo .tabbable .nav-tabs li a span {
        font-size: 12px;
    }

    .gobalTab .nav-tabs li a {
        padding: 12px 12px !important;
        font-size: 14px !important;
    }
}

@media(max-width: 768px) {
    .processTab .heading-elements {
        display: block;
    }

    .processTab .heading-elements .icons-list {
        margin: 10px;
    }

    .processTab .table-responsive {
        border: none;
    }

    .gobalTab .nav-tabs {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        border: none;
        margin-bottom: 0;
    }

    .gobalTab .nav-tabs li {
        margin-top: 0;
        margin-bottom: -1px;
        float: left;
    }

    .gobalTab .tab-content {
        border-radius: 0;
    }

    .heading-elements.visible {
        position: absolute !important;
        top: 100% !important;
        background-color: #fff !important;
        padding: 10px 0 !important;
        right: 0 !important;
    }

    .page-header .heading-elements .heading-form {
        margin: 5px !important;
    }

    .heading-elements .heading-text, .heading-elements .heading-btn, .heading-elements .heading-btn-group > .btn, .heading-elements .ui-slider, .heading-elements .noui-slider, .heading-elements .nav-tabs, .heading-elements .nav-pills, .heading-elements .pagination, .heading-elements .progress, .heading-elements .icons-list, .heading-elements .pager, .heading-elements .breadcrumb, .heading-elements .daterange-custom, .heading-elements .heading-form .form-group, .heading-elements > .btn-group {
        margin: 0 3px;
    }

    .heading-elements.visible, .breadcrumb-elements.visible {
        padding: 8px !important;
    }

    .heading-elements .btn-xs {
        margin: 3px 0 !important;
    }

    #dvDiagram #sideBar {
        width: 100% !important;
        background-color: #fff;
        height: 626px;
    }

    #dvDiagram #myDiagramDiv {
        width: 100% !important;
    }

    .panel-heading .heading-elements-toggle {
        top: 44%;
    }

    .modal-dialog {
        margin: 40px auto;
        width: 75% !important;
    }

    .nav-tabs:before {
        display: none;
    }

    #tabFormsDefiner {
        padding: 0;
        border: none;
    }

    .datatable-header .mr-20 {
        margin: 5px 5px 12px 0 !important;
    }

    .datatable-header label {
        float: left;
        text-align: center;
    }

    .CustomModel .sidebar {
        display: inline-block !important;
        height: auto;
    }

    .CustomModel .sidebar-content {
        width: auto !important;
    }

    .CustomModel .navigation li {
        width: 50%;
        float: left;
    }

    .CustomModel .navigation li a::before {
        -webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
        transform: translate3d(0,100%,0) translate3d(0,-3px,0);
    }

    .CustomModel .content-wrapper {
        margin-top: -3px;
    }

    .Doctype .sidebarcustom, .Docexpl .sidebarcustom {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .Doctype #treeboxbox_tree0, .Docexpl #documentTypeTree {
        height: 200px !important;
    }

    .Docexpl .table-responsive {
        border: none !important;
    }

    .Docexpl .media-body {
        padding-left: 55px !important;
        text-align: left;
    }

    .navbar-nav > li > a .caret {
        margin: 0;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        display: inline-block;
        width: 100%;
    }

    .ForMobile .heading-elements-toggle {
        top: -4px;
        right: 7px;
        width: 130px;
        display: inline-block;
        margin: 0;
    }

    .breadcrumb-line {
        z-index: initial;
    }

    #smartUIPageContainer .CustomFixed {
        position: static;
    }

    #smartUIPageContainer .CutomMargin {
        margin-top: 0;
    }

    #smartUIPageContainer .page-header {
        padding-top: 46px;
    }

    #smartUIPageContainer .content {
        padding-top: 0 !important;
    }

    #smartUIPageContainer .IspaceMobile1 {
        margin-bottom: 0 !important;
    }

    #smartUIPageContainer .IspaceMobile {
        margin-top: 0 !important;
        padding-top: 0;
    }

    #smartUIPageContainer .IspaceMobile .navbar-nav li {
        width: 48%;
        margin: 3px;
        float: left;
    }

    #smartUIPageContainer .IspaceMobile .navbar-nav li .heading-btn {
        margin: 0 !important;
    }

    #smartUIPageContainer .IspaceMobile .navbar-nav li a {
        width: 100%;
    }

    #smartUIPageContainer .dhxcombo_dhx_skyblue {
        width: 90px !important;
        min-width: initial;
    }

    #smartUIPageContainer .MainElements .form-group {
        margin-bottom: 0;
    }

    #smartUIPageContainer .MainElements .form-group .dhxcombo_dhx_skyblue {
        height: 30px !important;
    }

    #smartUIPageContainer .CustomFixed .breadcrumb-elements {
        margin-left: 0;
        left: 0;
        right: 0;
        border: none;
    }

    #smartUIPageContainer .IspaceMobile2>li {
        margin: 3px !important;
        width: 48%;
    }

    #smartUIPageContainer .IspaceMobile2>li:nth-child(5) input, #smartUIPageContainer .IspaceMobile2>li:nth-child(6) input {
        width: 90% !important;
        height: 28px !important;
        color: black;
        border: none;
        padding: 5px;
    }

    .breadcrumb-elements #menuObj {
        height: auto;
    }

    #divCanvas .BgGrid .panel-default .heading-elements.visible {
        background-color: #e0e0e0 !important;
    }

    #divCanvas .BgGrid .panel-info .heading-elements.visible {
        background-color: #00BCD4 !important;
    }

    #divCanvas .BgGrid .panel-primary .heading-elements.visible {
        background-color: #2196F3 !important;
    }

    #divCanvas .BgGrid .panel-success .heading-elements.visible {
        background-color: #4CAF50 !important;
    }

    #divCanvas .BgGrid .panel-warning .heading-elements.visible {
        background-color: #FF5722 !important;
    }

    #divCanvas .BgGrid .panel-danger .heading-elements.visible {
        background-color: #F44336 !important;
    }

    .sidebar-category {
        margin-top: 46px;
    }

    .sidebar-mobile-main .CustomAdminMenu .fixed-margin {
        padding-top: 0;
    }

    .CustomAdminMenu .header-bottom {
        width: 100%;
        margin: 0;
    }

    .custom-fixed-header {
        position: static;
    }

    #dvIspaceMenu ul.nav {
        text-align: center;
    }

    #dvIspaceMenu ul.nav li {
        display: inline-block;
        margin: 2px 0 !important;
    }

    #dvIspaceMenu ul.nav li div.heading-btn {
        margin: 0 !important;
    }

    #dvIspaceMenu ul.nav li a.btn {
        margin: 0 !important;
        height: 32px;
    }

    .CustomIspaceMobile {
        padding: 90px 5px 0 5px;
    }

    .CustomNavbarStrip .navbar-header {
        margin: 0;
        width: 100%;
    }

    .CustomSidebarStrip .sidebar-category-visible {
        margin-top: 55px;
        border-bottom: 1px solid #cecece;
    }

    .CustomSidebarStrip::before {
        background-position: 0 9%,100% 100%;
    }

    .CustomNavbarStrip .navbar-nav.visible-xs-block {
        padding: 8px 0 8px 5px;
    }

    .CustomNavbarStrip .navbar-collapse {
        height: initial !important;
        top: 55px;
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .CustomNavbarStrip ul.navbar-nav:first-child li {
        display: inline-block;
        width: 49%;
        float: left;
    }

    .CustomNavbarStrip ul.navbar-nav:first-child li.CustomToggleButton {
        display: none;
    }

    .CustomNavbarStrip ul.navbar-nav:first-child li:first-child {
        width: 100%;
    }

    .CustomNavbarStrip ul.navbar-nav:first-child li:first-child .has-feedback input {
        width: 100%;
    }

    .CustomNavbarStrip ul.navbar-nav:nth-child(2) li {
        width: 30%;
        float: left;
    }

    .SearchForMobile {
        display: block !important;
    }

    .SearchForDesktop {
        display: none !important;
    }

    .SearchForMobile .has-feedback .form-control-feedback {
        height: 32px;
    }

    .SearchForMobile .has-feedback .form-control-feedback i {
        top: 10px;
        position: relative;
    }

    .External .CustomFixed .heading-elements {
        top: 100% !important;
        height: auto;
    }

    .RightresultCol, .LeftFilterCol {
        width: 100% !important;
    }

    .CustomInboxDesignO_G .InboxGridOG .RightContent .Leftsidecontent, .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent {
        width: 100% !important;
        border-top: 1px solid #ebedf0;
    }

    .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:first-child {
        width: 15%;
    }

    .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(2) {
        width: 38%;
    }

    .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(3) {
        width: 47%;
    }

    .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:nth-child(4), .CustomInboxDesignO_G .InboxGridOG .BottomRow .InstanceList ul li:last-child {
        width: 50%;
    }

    .CustomInboxDesignO_G .InboxGridOG .RightContent .Rightsidecontent a {
        width: 32%;
        border: none;
        border-right: 1px solid #ebedf0;
    }

    .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .dropdown>a, .CustomInboxDesignO_G .page-header .page-header-content .heading-elements .btn-group .multiselect {
        width: 100%;
    }

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

    .CustomPassword select, .CustomPassword .input-group, .CustomPassword input {
        width: 100%;
    }

    .ForMobile {
        display: block;
    }

    .ForDefault {
        display: none;
    }

    .Forgotpassword, .TeamConditions {
        text-align: center !important;
    }
}

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

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

    .dstopmenu a {
        padding: 10px;
        font-size: 12px;
    }

    .dstopmenu a:before, .dstopmenu a:after {
        border-top-width: 22px;
        border-bottom-width: 22px;
        border-left-width: 11px;
    }

    #dvDesignStudioIfmContainer .CustomFixed, #smartUIPageContainer .CustomFixed {
        position: static;
    }

    #dvDesignStudioIfmContainer .CutomMargin, #smartUIPageContainer .CutomMargin.IspaceMobile {
        margin-top: -1px !important;
        padding-top: 0;
    }

    #dvDesignStudioIfmContainer .page-header, #smartUIPageContainer .page-header {
        padding-top: 46px;
    }

    #dvDesignStudioIfmContainer .content, #smartUIPageContainer .content {
        padding-top: 0 !important;
    }

    .dstopmenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
    }

    .modal-dialog {
        width: 90% !important;
    }

    .CustomModel .content {
        padding: 13px 13px !important;
    }

    .CustomModel .tab-content > .has-padding {
        padding: 25px 0 0;
        float: left;
        width: 100%;
    }

    .gobalTabTwo .tabbable .nav-tabs li {
        width: 100%;
        flex: inherit;
        border-bottom: 1px solid #ddd;
    }

    .gobalTabTwo .tabbable .nav-tabs li a::after {
        transform: translate3d(-110%,0,0);
    }

    .TeamTab.gobalTab .nav-tabs li a {
        padding: 12px 10px !important;
        font-size: 14px !important;
    }

    .TeamTab.gobalTab .nav-tabs li a i {
        display: none;
    }

    .mainCustomTable div.gridbox_dhx_skyblue table.obj tr td:last-child {
        width: 50px !important;
    }

    .fullContainer {
        width: 100%;
    }

    #divCanvas .BgGrid ul.pagination {
        width: 100%;
        text-align: center;
        padding: 3px;
    }
}

@media(max-width: 480px) {
    .gobalTab .nav li a {
        padding: 12px 11px;
        background-color: transparent;
        border: none;
        color: #404040;
        font-size: 13.5px;
        font-weight: 500;
    }

    .processTab .tab-content > .has-padding {
        padding: 10px;
    }

    .processTab .panel-body {
        padding: 10px;
    }

    .processTab .panel-heading h5 {
        font-size: 14px;
    }

    .processTab .panel {
        margin-bottom: 10px;
    }

    .processTab .demo1 tr th {
        font-size: 12px;
        padding: 12px 14px;
    }

    .CustomModel .modal-footer {
        padding: 12px 4px !important;
        text-align: center;
    }

    #dvBasicInfo .dropdown-toggle {
        padding: 7px 5px;
        width: 100%;
        margin: 0 !important;
    }

    #dvBasicInfo .btn-group > .btn-group {
        width: 48%;
        margin: 2px 2px;
    }

    .Docexpl .tabbable .nav-tabs li {
        width: 85px;
    }

    .Docexpl .tabbable .nav-tabs li a {
        padding: 14px 2px;
    }

    .gobalTab .nav-tabs li {
        width: 100%;
    }

    .gobalTab .nav-tabs li a::before {
        transform: translate3d(-100%,0,0) translate3d(-1px,0,0);
    }

    .orgStru .heading-form {
        float: left;
    }

    .orgStru .heading-form .input-group {
        width: 48% !important;
    }

    .orgStru .heading-form .input-group #comboSearchTypes {
        width: auto !important;
    }

    .orgStru .heading-form .input-group .dhxcombo_dhx_skyblue {
        width: 100% !important;
        min-width: 100%;
    }

    .navbar-brand {
        width: 200px;
    }

    .inboxToolbar ul li:first-child, .inboxToolbar ul li:nth-child(2) {
        width: 100%;
        float: left;
    }

    .inboxToolbar ul li:nth-child(2) {
        margin-top: 5px;
    }

    .InboxViewSelect .bootstrap-select {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .page-header .inboxToolbar.heading-elements .heading-form {
        margin: 0 !important;
    }

    .inboxToolbar ul li .heading-form .form-group {
        margin: 0 !important;
    }
}

/***************************************************** REPEATER_GRID *********************************************************/
#divCanvas .Repeater_Grid {
    border-radius: 4px !important;
    border: none;
    box-shadow: 1px 8px 12px 2px rgba(85,85,85,0.22) !important;
}

#divCanvas .Repeater_Grid .panel-heading {
    background: linear-gradient(to right, #355d71 ,#5b6168) !important;
    border-radius: 4px !important;
}

#divCanvas .Repeater_Grid h6.panel-title {
    color: white;
    font-weight: 500 !important;
    font-size: 18px;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li {
    width: 89px;
    height: 33px;
    border-radius: 8px ;
    background: white;
    margin-left: 12px;
    position: relative !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list {
    margin: 0 !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list li a {
    height: 100% !important;
    text-align: right;
    line-height: 14px;
    font-weight: 500;
    font-size: 14px;
    padding: 8px 8px !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list li a i {
    float: left;
    font-weight: 500;
    font-size: 17px;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(1) a::before, #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a::before, #divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(3) a::before {
    content: '';
    line-height: 14px;
    padding: 7px 0px;
    font-weight: 600;
    font-size: 14px;
    color: #323232;
    height: 100%;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(1) a::after {
    content: 'Add';
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a::after {
    content: 'Menu';
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(3) a::after {
    content: 'Search';
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(4) {
    width: 35px !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(4) a {
    top: 0 !important;
    text-align: center !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li ul.dropdown-menu a::after {
    content: '' !important;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li:nth-child(2) a span {
    display: none;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-plus2::before {
    color: #21a80e;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-menu7::before {
    color: #ff3232;
}

#divCanvas .Repeater_Grid .heading-elements .icons-list > li .icon-search4::before {
    color: #5394ff;
}

#divCanvas .Repeater_Grid .datatable-footer .grid_page_left li:nth-child(2) select {
    border: 1px solid #999999;
    background-color: #f0f2f4 !important;
    border-radius: 4px;
}

#divCanvas .Repeater_Grid .datatable-footer .grid_page_left li:nth-child(3) label {
    border: 1px solid #999999;
    background-color: #f0f2f4 !important;
    color: black;
    padding: 3px;
    border-radius: 4px;
}

#divCanvas .Repeater_Grid .datatable-footer .grid_page_right li:nth-child(2) input {
    border: 1px solid #999999;
    background-color: #f0f2f4 !important;
    border-radius: 4px;
}

#divCanvas .Repeater_Grid .datatable-footer .grid_page_right li:nth-child(2) label {
    color: black;
}

#divCanvas .Repeater_Grid .datatable-footer .bootpag li a {
    border: 1px solid #999999;
    background-color: #f0f2f4 !important;
    border-radius: 4px;
    color: black;
}

#divCanvas .Repeater_Grid .RepeaterBtn {
    background-color: white !important;
    border-radius: 8px !important;
    text-indent: -99999px !important;
    width: 38px;
    margin: 6px;
    box-shadow: 1px 2px 8px 2px rgba(85,85,85,0.09) !important;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=delete] {
    border: 1px solid #ffb7b7 !important;
    background-image: url(../images/R_delete.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=cancel] {
    border: 1px solid #f09c24 !important;
    background-image: url(../images/R_cancel.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=save] {
    border: 1px solid #4dc63d !important;
    background-image: url(../images/R_save.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=insert] {
    border: 1px solid #a7b2db !important;
    background-image: url(../images/R_insert.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=copy] {
    border: 1px solid #a34ce0 !important;
    background-image: url(../images/R_copy.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=moveup] {
    border: 1px solid #da5e9b !important;
    background-image: url(../images/R_moveup.png);
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .Repeater_Grid button.RepeaterBtn[title~=movedown] {
    border: 1px solid #f36f3b !important;
    background-image: url(../images/R_movedown.png);
    background-repeat: no-repeat;
    background-position: center;
}

.RepeatAnimatioin {
    float: left;
    position: relative;
    width: 100%;
}

.RepeaterMaincvv {
    position: absolute;
    width: 22%;
    background: aliceblue;
    padding: 10px;
    text-align: center;
    right: 12px;
    bottom: 0px;
}

/***************************************************** REPEATER_GRID *********************************************************/
.docs-demo-device {
    padding: 0 25px;
}

.docs-demo-device figure {
    width: 100%;
    height: 650px;
}

.docs-demo-device figure:before {
    content: '';
    display: block;
    width: 60px;
    height: 5px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 10px;
}

.docs-demo-device figure:after {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    bottom: -65px;
    transform: translate(-50%, -50%);
    background: #333;
    border-radius: 50%;
}

.docs-demo-device .SmartUIMobile #divCanvas {
    width: 100%;
    box-shadow: none;
    border: none !important;
    overflow: auto;
    height: 530px;
    background: linear-gradient(rgb(255,255,255), rgb(255,255,255)) !important;
}

.api_bublish_btn {
    background-image: url(../images/send.png);
    background-repeat: no-repeat;
    text-align: right;
    border-radius: 5px;
    border: 0px solid #dddddd;
    color: #333333;
    display: inline-block;
    background-position: 10px center;
    background-color: white;
    font-weight: bold;
    padding: 7px 20px;
    padding-left: 45px;
}

.api_bublish_btn:hover {
    background-color: rgba(255,255,255,.9);
}

.api_save_btn {
    background-image: url(../images/save.png);
    background-repeat: no-repeat;
    text-align: right;
    border-radius: 5px;
    border: 0px solid #dddddd;
    color: #333333;
    display: inline-block;
    background-position: 10px center;
    background-color: white;
    font-weight: bold;
    padding: 7px 20px;
    padding-left: 45px;
}

.api_save_btn:hover {
    background-color: rgba(255,255,255,.9);
}

#summaryTree a {
    text-shadow: none !important;
}

/*.roleManagement .CustomPanGradient.panel:after {background:none !important;}
.roleManagement .CustomPanGradient.panel {border-radius: 7px !important;box-shadow: rgb(0 0 0 / 5%) 0px 2px 3px 0px;}
.roleManagement .CustomPanGradient .panel-heading {border-radius: 7px 7px 0 0;background: linear-gradient(90deg, #5E8CEC, #3BACF2, #3FD4FC, #3DD5FC);background-size: 400% 400%;}
.roleManagement .CustomPanGradient .panel-heading h6 {color:white !important;}
.roleManagement .CustomPanGradient .panel-heading .btn {border-radius:4px !important;}
.roleManagement .CustomPanGradient .panel-heading .btn i.position-left {margin-left:0px !important;}*/
.apigeneration .panel {
    border-radius: 7px !important;
    box-shadow: rgb(0 0 0 / 5%) 0px 2px 3px 0px !important;
    border: 0px !important;
}

.apigeneration .panel .panel-heading {
    border-bottom: 1px solid #dddddd;
}

.apigeneration .panel .panel-heading h5 {
    font-weight: bold !important;
}

/* API Tab */
.api_tab.tabbable {
    position: relative;
    overflow: hidden;
    margin: 0 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: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

.api_tab.tabbable .nav-tabs2 li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0.2em;
    -webkit-flex: none;
    flex: none;
}

.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: #74777b;
    font-weight: 700;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    background-color: #f5f5f5;
    border-radius: 5px;
}

.api_tab.tabbable .nav-tabs2 li.active a {
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(90deg, rgb(94, 140, 236), rgb(59, 172, 242), rgb(63, 212, 252), rgb(61, 213, 252)) 0% 0% / 400% 400%;
    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: 'Fira Sans',sans-serif !important;
}

.api_tab.tabbable .tab-content {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd !important;
    border: none;
    margin-top: 5px;
}

.move_right {
    text-align: right;
    border-radius: 5px;
    border: 0px solid #dddddd;
    color: #333333;
    display: inline-block;
    background-color: #defade;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 13px;
}

.move_right span {
    color: #1e891e;
}

.move_left {
    text-align: right;
    border-radius: 5px;
    border: 0px solid #dddddd;
    color: #333333;
    display: inline-block;
    background-color: #ffcbc4;
    font-weight: bold;
    font-size: 13px;
    padding: 3px 10px;
}

.move_left span {
    color: #d55545;
}

.move_left .glyphicon, .move_right .glyphicon {
    font-size: 12px;
}

/* Process styles starts */
.common_tab .nav-pills.nav-pills-bordered {
    padding: 0;
    margin: 0;
}

.common_tab .nav-pills.nav-pills-bordered>.active>a {
    border-radius: 6px !important;
    background-color: #575ba3;
    color: #fff;
    border: none;
    border: 1px solid transparent;
}

.common_tab .nav-pills.nav-pills-bordered>.active>a:hover {
    background-position: right center !important;
    transition: 0.5s !important;
}

.common_tab .note-editor.note-frame {
    border: none !important;
}

.common_tab .tab-content>.has-padding {
    padding: 15px !important;
}

.common_tab .nav-pills.nav-pills-bordered>.active>a:hover::after {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common_tab .nav {
    border: none !important;
    margin-left: 15px;
}

.common_tab .nav>li>a {
    background-color: #fff;
    border-radius: 7px 7px 0 0 !important;
    padding: 5px 20px !important;
    border: 1px solid #dbe0e9;
    margin-right: 10px;
    line-height: 16px !important;
}

.common_tab .nav>li.active>a, .common_tab .nav>li.active>a:focus, .common_tab .nav>li.active>a:hover, .common_tab .nav>li>a:focus, .common_tab .nav>li>a:hover {
    background-color: #ffffff;
    border-top: 3px solid #9a252e !important;
    color: #9a252e;
    border-bottom: 1px solid #ffffff;
}

.common_tab .nav-pills.nav-pills-bordered>li>a {
    background-color: #ffffff;
    border: 1px solid #d4e4e7;
    padding: 7px 20px;
    border-radius: 6px;
    font-size: 14.5px;
    font-weight: 500;
    color: #3b5060;
    line-height: 18px;
    display: inline-block;
    box-shadow: none;
}

.common_tab .nav-pills>li {
    float: none;
    margin: 0 7px 7px 0;
    display: inline-block;
    font-size: 13px;
}

.common_tab .tab-content {
    background-color: transparent;
    border: 0px !important;
    padding: 0 10px !important;
}

.common_tab .tab-content-bordered .tab-content {
    border-radius: 6px;
    background-color: #fff !important;
    padding: 0px !important;
    margin: 0px 0 0 !important;
    box-shadow: 0px 0px 4px 2px rgb(204 202 204 / 10%);
    border: 1px solid #dbe0e9 !important;
    background-image: url(../images/VesslesTabBG.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

.LeftSidePanel .panel-heading {
    background-color: #9a252e;
    height: 50px;
    padding: 10px 10px 10px 43px !important;
    border-radius: 5px 5px 0 0 !important;
    background-image: url(../images/file_icon.png);
    background-position: 10px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.LeftSidePanel_01 {
    border-radius: 5px;
    background-image: url(../images/Vessel/LeftSideTabBG.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.LeftSidePanel_01 .panel-heading {
    background-color: #9a252e;
    height: 50px;
    padding: 10px 10px 10px 60px !important;
    border-radius: 5px 5px 0 0 !important;
    background-image: url(../images/FileUpload.png);
    background-position: 10px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.LeftSidePanel_01 .panel-heading .col-lg-12 {
    padding: 0;
    line-height: 12px;
}

.LeftSidePanel_01 .panel-heading .col-lg-12 .form-group {
    line-height: 10px;
    margin: 0 !important;
}

.LeftSidePanel_01 .panel-heading .col-lg-12 .form-group .controls {
    line-height: 10px;
}

.LeftSidePanel_01 .panel-heading .col-lg-12 .form-group .controls .label {
    border: none;
    margin: 0;
    padding: 0;
    line-height: 12px;
}

.LeftSidePanel_01 .panel-heading h6 {
    font-size: 15px;
    color: #fff;
    font-weight: 700 !important;
    line-height: 15px;
}

.LeftSidePanel_01 .panel-heading label {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.LeftSidePanel_01 .panel-body {
    padding: 10px 0;
}

.LeftSidePanel_01 .panel-body > div:first-child {
    border-bottom: 1px solid #e7e7e9;
    display: flex;
    margin-bottom: 8px;
}

.LeftSidePanel_01 .panel-body .YellowBtn {
    background-color: #fca635;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    padding: 7px 18px;
}

.LeftSidePanel_01 .panel-body .form-group {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
}

.LeftSidePanel_01 .panel-body .form-group > div {
    width: 100%;
}

.LeftSidePanel_01 .panel-body .form-group span.text-danger {
    display: none;
}

.LeftSidePanel_01 .panel-body .form-group > button {
    width: 100%;
    background-color: #f3f3f4;
}

.LeftSidePanel_01 .panel-body .form-group label {
    margin: 0 !important;
    font-size: 11.5px;
    color: #131313;
    font-weight: 500;
    opacity: 0.7;
    width: 100%;
}

.LeftSidePanel_01 .panel-body .form-group .controls {
    justify-content: left;
    width: 100%;
}

.LeftSidePanel_01 .panel-body .form-group .controls span {
    font-size: 13.5px;
    font-weight: 600;
    color: #131313;
}

#divCanvas .LightPanel {
    border: 1px solid #d6d5d5 !important;
    border-radius: 5px;
    box-shadow: none !important;
    background-color: white !important;
    background-image: url(../images/Cus-panel-bg.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
}

#divCanvas .LightPanel .panel-heading {
    border-radius: 5px 5px 0 0 !important;
    padding: 0px 10px 0px 10px;
}

#divCanvas .LightPanel .panel-heading h1, #divCanvas .LightPanel .panel-heading h2, #divCanvas .LightPanel .panel-heading h3, #divCanvas .LightPanel .panel-heading h4, #divCanvas .LightPanel .panel-heading h5, #divCanvas .LightPanel .panel-heading h6 {
    font-size: 16px;
    font-weight: 500 !important;
    color: #9a252e;
    line-height: 20px;
    border-bottom: 1px solid #cccccc;
    text-align: left !important;
}

#divCanvas .LightPanel .panel-body {
    padding: 10px 7px;
}

#divCanvas .LightPanel .panel-body .form-group .form-control {
    border: 1px solid #cccccc ;
    padding: 9px 12px!important;
    border-radius: 5px !important;
    font-weight: 500;
    padding: 5px 0px 5px 10px !important;
    font-size: 14px;
    color: #383838;
}

#divCanvas .LightPanel .panel-body .form-group .form-control:active, #divCanvas .LightPanel .panel-body .form-group .form-control:hover, #divCanvas .LightPanel .panel-body .form-group .form-control:visited, #divCanvas .LightPanel .panel-body .form-group .form-control:focus {
    border-color: #f8c2c6 !important;
}

#divCanvas .LightPanel .panel-body {
    padding: 15px 10px;
}

#divCanvas .LightPanel .panel-body .form-group label, #divCanvas .LightPanel .panel-body .form-group .controls label {
    color: #616161 ;
    font-weight: 500;
}

#divCanvas .LightPanel .panel-body .form-group .input-group-addon {
    border: none !important;
    border-bottom: none !important;
}

#divCanvas .LightPanel .panel-body .form-group .input-group-addon .glyphicon {
    color: #9a252e !important;
    left: 6px !important;
}

#divCanvas .LightPanel .panel-body .form-group .input-group-addon .fa.fa-paperclip {
    color: #289916 !important;
}

#divCanvas .LightPanel .panel-body .form-group .input-group-addon .fa.fa-times {
    color: #9a252e !important;
}

#divCanvas .LightPanel .panel-body .form-group label .checker span {
    border: 2px solid #9a252e !important;
}

#divCanvas .LightPanel .panel-body .form-group .E-1 {
    border: none !important;
    background: transparent !important;
    color: #9a252e !important;
    font-size: 16px;
    text-align: left;
    padding: 0px !important;
    opacity: 100 !important;
    font-weight: 500;
}

#divCanvas .LightPanel .panel-body .form-group .E-2 {
    border: none !important;
    background: transparent !important;
    color: #289916 !important;
    font-size: 16px;
    text-align: left;
    padding: 0px !important;
    opacity: 100 !important;
    font-weight: 500;
}

#divCanvas .LightPanel .panel-body .form-group .E-3 {
    border: none !important;
    color: #6c94fa !important;
    font-size: 16px;
    text-align: left;
    padding: 0px !important;
    font-weight: 500;
    background: #eff3fe !important;
    width: auto;
    padding: 10px 23px !important;
    line-height: 12px;
    margin-bottom: 10px;
}

#divCanvas .LightPanel .panel-body .form-group .E-4 {
    border: none !important;
    color: #f8c2c6 !important;
    font-size: 16px;
    text-align: left;
    padding: 0px !important;
    font-weight: 500;
    background: #9a252e !important;
    width: auto;
    padding: 7px 18px !important;
    line-height: 12px;
    margin-bottom: 10px;
}

#divCanvas .LightPanel .panel-body .form-group .E-5 {
    border: none !important;
    background: transparent !important;
    color: #6c94fa !important;
    font-size: 16px;
    text-align: left;
    padding: 0px !important;
    opacity: 100 !important;
    font-weight: 500;
}

#divCanvas .LightPanel .panel-body .form-group .E-3 .caret, #divCanvas .LightPanel .panel-body .form-group .E-4 .caret {
    display: none !important;
}

#divCanvas .LightPanel .panel-body .form-group .dropdown-menu.open {
    border: 1px solid #9a252e5c !important;
}

.Lightpanel .panel-body .form-group .controls textarea.form-control {
    color: #616161 !important;
    font-size: 14px !important;
}

.Lightpanel .panel-body .form-group input[type="text"][disabled], .form-control[disabled] {
    color: #616161 !important;
    font-size: 14px !important;
}

#divCanvas .LightPanel .panel-body .DataGrid .form-group .form-control {
    border-radius: 5px 0px 0px 5px !important;
}

.LightPanel .form-group .controls .modal .CustomModel .modal-body .content .CusSearchPanel .panel-body {
    padding: 0px !important;
}

.LightPanel .panel-body .form-group .controls .btn-group .dropdown-menu.open .bs-searchbox input:focus {
    border-color: #ca9c9f !important;
    box-shadow: 0 10px 15px 2px rgb(0 0 0 / 9%) !important;
}

.LightPanel .panel-body .form-group .controls .btn-group.open .dropdown-menu.open .bs-searchbox input {
    padding-left: 27px !important;
}

.LightPanel .panel-body .form-group .controls .btn-group.open .dropdown-menu.open .bs-searchbox:after {
    right: 20px !important;
    text-align-last: right;
    text-align: right;
}

#divCanvas .DarkPanel {
    border: 1px solid #d6d5d5;
    border-radius: 5px;
    box-shadow: 5px 0px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0,0,0,0.1) !important;
    background-color: #4a4041 !important;
    background-image: url(../images/Cus-panel-bg2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
}

#divCanvas .DarkPanel .panel-heading {
    border-radius: 5px 5px 0 0 !important;
    padding: 10px 20px 0px 10px;
    background-color: #9a252e !important;
}

#divCanvas .DarkPanel .panel-heading h1, #divCanvas .DarkPanel .panel-heading h2, #divCanvas .DarkPanel .panel-heading h3, #divCanvas .DarkPanel .panel-heading h4, #divCanvas .DarkPanel .panel-heading h5, #divCanvas .DarkPanel .panel-heading h6 {
    font-size: 16px;
    font-weight: 500 !important;
    color: #ffffff;
    line-height: 20px;
    padding: 0px 0px 10px 0px !important;
}

#divCanvas .DarkPanel .panel-body .form-group .form-control {
    border: none !important;
    padding: 9px 12px!important;
    background-color: #ffffff26;
    border-radius: 5px !important;
    color: white !important;
    font-weight: 500;
}

#divCanvas .DarkPanel .panel-body .form-group .form-control:active, #divCanvas .DarkPanel .panel-body .form-group .form-control:hover,#divCanvas .DarkPanel .panel-body .form-group .form-control:visited, #divCanvas .DarkPanel .panel-body .form-group .form-control:focus {
    border-color: #f8c2c6 !important;
}

#divCanvas .DarkPanel .panel-body {
    padding: 10px 7px !important;
    background-color: white;
    border: 1px solid #9a252e;
    border-radius: 4px;
}

#divCanvas .DarkPanel .panel-body .form-group label, #divCanvas .DarkPanel .panel-body .form-group .controls label {
    color: #949494 !important;
    font-weight: 500 !important;
}

#divCanvas .DarkPanel .panel-body .form-group .input-group-addon {
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

#divCanvas .DarkPanel .panel-body .form-group .input-group-addon .glyphicon {
    color: rgb(226 182 186 / 40%) !important;
    left: 6px !important;
}

#divCanvas .DarkPanel .panel-body .form-group label .checker span {
    border: 2px solid #fff !important;
}

#divCanvas .DarkPanel .panel-body .form-group .E-1 {
    border: none !important;
    background: transparent !important;
    color: #9a252e !important;
    font-size: 15px;
    text-align: left;
    padding: 0px !important;
    opacity: 100 !important;
    font-weight: 500;
}

#divCanvas .DarkPanel .panel-body .form-group .E-2 {
    border: none !important;
    background: transparent !important;
    color: #289916 !important;
    font-size: 15px;
    text-align: left;
    padding: 0px !important;
    opacity: 100 !important;
    font-weight: 500;
}

#divCanvas .DarkPanel .panel-body .form-group .E-3 {
    border: none !important;
    color: #6c94fa !important;
    font-size: 15px;
    text-align: left;
    padding: 0px !important;
    font-weight: 500;
    background: #eff3fe !important;
    width: auto;
    padding: 7px 18px !important;
    line-height: 12px;
    margin-bottom: 10px;
}

#divCanvas .DarkPanel .panel-body .form-group .E-4 {
    border: none !important;
    color: #f8c2c6 !important;
    font-size: 15px;
    text-align: left;
    padding: 0px !important;
    font-weight: 500;
    background: #9a252e !important;
    width: auto;
    padding: 7px 18px !important;
    line-height: 12px;
    margin-bottom: 10px;
}

#divCanvas .DarkPanel .panel-body .form-group .E-3 .caret, #divCanvas .DarkPanel .panel-body .form-group .E-4 .caret {
    display: none !important;
}

#divCanvas .DarkPanel .panel-body .form-group .dropdown-menu.open {
    border-bottom: 1px solid #e9ddde !important;
    border-left: 1px solid #e9ddde !important;
    border-right: 1px solid #e9ddde !important;
}

#divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn {
    background-color: #6f6869 !important;
    padding-left: 10px !important;
    border: none;
    border-radius: 5px !important;
}

#divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn span {
    color: white;
}

#divCanvas .DarkPanel .panel-body .form-group .controls .btn-group .btn .caret::after {
    color: #fff !important;
}

.Mandatory {
    background-image: url(../images/Mandatory.png) !important;
    background-position: -2px 0px !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}

.Mandatory .panel-heading .text-danger {
    display: none !important;
}

.Mandatory .panel-heading .panel-title {
    padding-left: 30px !important;
}

.DataGrid {
    box-shadow: none !important;
    ;background: #ffffff !important;
    background-color: #ffffff !important;
    margin-bottom: 20px;
    border-radius: 5px !important;
    padding: 0px 0px !important;
    border: 1px solid #e4e4e4;
}

#divCanvas .DataGrid .panel-heading {
    padding: 5px !important;
}

#divCanvas .DataGrid .panel-heading h1, #divCanvas .DataGrid .panel-heading h2, #divCanvas .DataGrid .panel-heading h3, #divCanvas .DataGrid .panel-heading h4, #divCanvas .DataGrid .panel-heading h5, #divCanvas .DataGrid .panel-heading h6 {
    font-size: 16px;
    font-weight: 500 !important;
    color: #ffffff;
    line-height: 20px;
    padding: 5px 0px 8px 0px;
}

#divCanvas .DataGrid h6.panel-title, #divCanvas .DataGrid .h6.panel-title {
    color: #9a252e;
    font-weight: 600 !important;
    padding-left: 10px;
    border-bottom: none !important;
}

#divCanvas .DataGrid .panel-title {
    border-bottom: none !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table {
    padding: 0px !important;
}

/* #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th{border-bottom: 2px solid #cccccc !important;border-left: none;color: #393838 !important; text-align: left;} */
#divCanvas .DataGrid .table-widget .table-widget-content table thead tr th {
    border-left: none;
    color: #393838 !important;
    text-align: left;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td {
    text-align: left;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="Is Active: activate to sort column ascending"] {
    text-align: center !important;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="Student Details: activate to sort column ascending"] {
    width: 67% !important;
}

.DataGrid .table-widget .table-widget-content .dataTables_wrapper table tbody tr td.dataTables_empty {
    background-image: url(../images/server.png) !important;
    background-position: center 50px !important;
    background-size: 50px !important;
    background-repeat: no-repeat !important;
    font-weight: 600 !important;
    height: 120px !important;
    font-size: 13px !important;
    text-align: center !important;
    padding-top: 58px !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="Edit"] .btn {
    border-radius: 4px;
    font-weight: 600 !important;
    background: linear-gradient(to right, #ad5e64,#d27880) ;
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="Edit"] .btn:hover {
    border-radius: 4px;
    font-weight: 600 !important;
    background: linear-gradient(to right, #ad5e64,#d27880) ;
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="View"] .btn {
    border-radius: 4px;
    font-weight: 600 !important;
    background-image: linear-gradient(to right, #c75c63 , #d2894a );
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span[title="View"] .btn:hover {
    border-radius: 4px;
    font-weight: 600 !important;
    background-image: linear-gradient(to right, #b64f55 , #c88245 );
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span .btn {
    border-radius: 4px;
    font-weight: 600 !important;
    background: linear-gradient(to right, #ad5e64,#d27880);
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td span .btn:hover {
    border-radius: 4px;
    font-weight: 600 !important;
    background: linear-gradient(to right, #ad5e64,#d27880) ;
    color: #fff;
    padding: 5px 0px;
    line-height: 18px !important;
    width: 130px;
    border-radius: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: center;
    align-content: center;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input:focus {
    border: 1px solid #75141c80;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group input {
    position: relative;
    top: 2px;
}

#divCanvas .DataGrid .table-widget .table-widget-content table thead tr th[aria-label="Is Active: activate to sort column ascending"] {
    width: 10% !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table thead tr th:nth-child(1) {
    padding: 6px 0px 6px 10px !important;
    text-align: left;
}

/* #divCanvas .DataGrid .table-widget .table-widget-content table thead tr th:nth-child(2){ text-align: left !important;} */
#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td {
    border: none;
    height: 37px;
    border-bottom: 1px solid #cccccc;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) {
    padding: 5px 0px 5px 10px ;
    text-align: left;
}

/* #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2){ padding: 5px 5px ; text-align: left ;} */
#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control {
    text-align-last: left !important;
}

.DataGrid.Doc .table-widget .table-widget-content table tr th[aria-label="Document: activate to sort column ascending"] {
    width: 25% !important;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="View: activate to sort column ascending"] {
    text-align: center !important;
    width: 9% !important;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="Edit: activate to sort column ascending"] {
    text-align: center !important;
    width: 9% !important;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="Item Map: activate to sort column ascending"] {
    text-align: center !important;
    width: 10% !important;
}

.DataGrid .table-widget .table-widget-content table tr th[aria-label="Map Items: activate to sort column ascending"] {
    text-align: center !important;
    width: 10% !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group select.form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .controls select.form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group select.form-control {
    background: rgb(74, 64, 65, 0.10) ;
    border-radius: 4px !important;
    color: #4e3636 !important;
    font-size: 14px !important;
    background-image: url(../images/MultiSelectTringle.png);
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(1) .form-group .controls input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group input[type="checkbox"], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .controls input[type="checkbox"] {
    float: left !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .controls input[type="checkbox"][type="checkbox"] {
    float: right !important;
}

#divCanvas .DataGrid .heading-elements {
    right: 10px !important;
}

#divCanvas .DataGrid .heading-elements ul li a {
    background-color: rgb(156 42 51 / 8%) !important;
    margin-left: 2px;
    border-radius: 3px;
    padding: 2px;
    color: #5a3535 !important;
}

/* .DataGrid .panel-heading .heading-elements ul li:nth-child(2) a,.DataGrid .panel-heading .heading-elements ul li */
.DataGrid .panel-heading .heading-elements ul li:nth-child(1) a {
    padding: 2px !important;
}

.DataGrid .panel-heading .heading-elements ul li:nth-child(2) a {
    padding: 2px 3px !important;
}

.DataGrid .panel-heading .heading-elements ul li:nth-child(3) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(4) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(5) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(6) a,.DataGrid .panel-heading .heading-elements ul li:nth-child(7) a {
    padding: 4px 5px !important;
}

.Datagrid table tr td .form-group input[type="text"][disabled] {
    background-color: transparent !important;
    font-size: 14px;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control {
    text-align: left !important;
    color: #4e3636 !important;
    font-size: 14px ;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control {
    background: transparent;
    text-align: right;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control {
    border: 1px solid #b9b3b3cc ;
    padding: 8px 5px !important;
    line-height: 10px;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2d2d2d;
    text-align: left !important;
    padding-top: 10px;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input[type="text"][disabled] {
    text-align: right;
    background-color: transparent !important;
    border: none !important;
    padding: 8px 5px !important;
    line-height: 10px;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2d2d2d !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control {
    color: #9a252e !important;
    border: 1px solid #756b6c87;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group select [disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea [disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group input [disabled] {
    background-color: transparent !important;
    border: none !important;
}

.DataGrid .table-widget .table-widget-content table tbody tr td .form-group input[readonly] {
    border: none !important;
}

.DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea[readonly] {
    border: none !important;
}

#divCanvas .DataGrid table.dataTable thead tr th[aria-label="Remarks: activate to sort column ascending"] {
    width: 20% !important;
}

#divCanvas .DataGrid table.dataTable thead tr th[aria-label="Slot_IsMainFaculty: activate to sort column ascending"] {
    text-align: center !important;
    width: 15% !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span.glyphicon-calendar::before {
    display: none !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span.glyphicon-calendar::after {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px;
    content: '';
    position: absolute;
    width: 23px;
    height: 17px;
}

#divCanvas .DataGrid .datatable-footer {
    border-top: none!important;
    height: 51px ;
}

#divCanvas .DataGrid .datatable-footer .grid_page_left .pagination li select.form-control {
    width: 50px ;
    border: 1px solid #81141c59;
    height: 35px !important;
}

#divCanvas .DataGrid .datatable-footer .grid_page_right {
    margin-top: 5px ;
}

#divCanvas .DataGrid .datatable-footer ul.pagination li label {
    font-size: 14px ;
    color: #393838 !important;
}

#divCanvas .DataGrid .datatable-footer ul.pagination li .bg-slate-400 {
    background: transparent !important;
    color: #9a252e !important;
}

#divCanvas .DataGrid .datatable-footer .bootpag li a {
    padding: 5px 13px!important;
    border: none !important;
    background-color: rgb(156 42 51 / 8%) !important;
    color: #5a3535 !important;
}

#divCanvas .DataGrid .datatable-footer .bootpag li a:focus, #divCanvas .DataGrid .datatable-footer .bootpag li a:active, #divCanvas .DataGrid .datatable-footer .bootpag li a:visited, #divCanvas .DataGrid .datatable-footer .bootpag li a:hover {
    background-color: rgb(156 42 51 / 8%) !important;
    color: #5a3535 !important;
}

#divCanvas .DataGrid .datatable-footer .bootpag li a i {
    font-size: 23px ;
}

#divCanvas .DataGrid .datatable-footer .bootpag li input {
    width: 40px ;
    color: #9a252e !important;
    height: 30px;
    font-weight: 600 ;
    border: 1px solid #9a252ed4;
    font-size: 15px ;
    text-align: center !important;
    padding-left: 5px ;
}

#divCanvas .DataGrid.panel-collapsed .panel-heading h1,#divCanvas .DataGrid.panel-collapsed .panel-heading h2,#divCanvas .DataGrid.panel-collapsed .panel-heading h3,#divCanvas .DataGrid.panel-collapsed .panel-heading h4,#divCanvas .DataGrid.panel-collapsed .panel-heading h5,#divCanvas .DataGrid.panel-collapsed .panel-heading h6 {
    border-bottom: none !important;
}

#divCanvas .DataGrid.panel-collapsed .panel-heading .heading-elements {
    margin-top: -12px !important;
}

#divCanvas .DataGrid.panel-collapsed .panel-heading .panel-title {
    position: relative;
    top: 2px;
}

.DataGrid .search_part .form-group .multi-select-full .btn-group ul.dropdown-menu {
    border: 1px solid #97232c94;
}

.DataGrid .search_part .form-group .multi-select-full .btn-group ul.dropdown-menu .multiselect-item input {
    padding-left: 35px !important;
}

.DataGrid .table-widget .table-widget-content .dataTables_wrapper table thead tr {
    background-color: rgb(156 42 51 / 8%) !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control:focus {
    border-color: #75141c4a !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control[disabled], #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .controls .form-control[disabled] {
    border-style: none;
    border: none !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group span {
    font-size: 14px !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td .form-group textarea [readonly] {
    border: none !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control {
    line-height: 17px !important;
}

#divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .form-group .form-control, #divCanvas .DataGrid .table-widget .table-widget-content table tbody tr td:last-child .controls .form-control {
    line-height: 17px !important;
}

.ViewBtn {
    display: block;
    border: none !important;
    width: 100%;
    background-image: url(../images/ViewDetails.png),linear-gradient(to right, #4a2a34, #454548);
    background-repeat: no-repeat;
    background-size: 23px,100%;
    background-position: 7% 50%,100%;
    background-color: #e9ddde;
    border-radius: 5px;
    padding: 12px 8px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-align: right;
}

.ViewBtn:hover {
    display: block;
    border: none !important;
    width: 100%;
    background-image: url(../images/ViewDetails.png),linear-gradient(to right, #4a2a34, #454548);
    background-repeat: no-repeat;
    background-size: 23px,100%;
    background-position: 7% 50%,100%;
    background-color: #e9ddde;
    border-radius: 5px;
    padding: 12px 8px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-align: right;
}

.CopyBtn {
    display: block;
    border: none !important;
    width: 100%;
    background-image: url(../images/DocumentDetails.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 7% 50%;
    background-color: #9a252e;
    border-radius: 5px;
    padding: 12px 8px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    text-align: right;
}

.ThemeBtn-1 {
    text-align: center !important;
    font-weight: 600 !important;
    width: 100% !important;
    border: none !important;
    color: #ffffff !important;
    background: #9a252e;
    box-shadow: none !important;
    border-radius: 4px !important;
    display: block !important;
    padding: 6px 5px !important;
}

.ThemeBtn-2 {
    text-align: center !important;
    font-weight: 600 !important;
    width: 100% !important;
    border: none !important;
    color: #ffffff !important;
    background: #6d5c5e;
    box-shadow: none !important;
    border-radius: 4px !important;
    display: block !important;
    padding: 6px 5px !important;
}

.ThemeBtn-3 {
    text-align: center !important;
    font-weight: 600 !important;
    width: 100% !important;
    border: none !important;
    color: #ffffff !important;
    background: #15b018;
    box-shadow: none !important;
    border-radius: 4px !important;
    display: block !important;
    padding: 6px 5px !important;
}

/* .CommonEditableGrid{border:1px solid #946a6e;} */
.CommonEditableGrid .panel-heading {
    background-color: #F2E6E6 !important;
    padding: 7.5px 20px !important;
    border-radius: 5px 5px 0 0 !important;
}

.CommonEditableGrid .panel-heading .text-danger {
    display: none !important;
}

.CommonEditableGrid .panel-heading h6 {
    font-size: 15px;
    font-weight: 600 !important;
}

.CommonEditableGrid .table-widget .table-widget-content table {
    padding: 0 !important;
    border: none !important
}

.CommonEditableGrid .table-widget .table-widget-content table thead tr th {
    border: none !important;
    background-color: #946A6E !important;
    line-height: 16px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.CommonEditableGrid .datatable-footer .bootpag li a {
    border: 1px solid #946a6e !important;
    color: #946a6e !important;
}

.CommonEditableGrid .table-widget .table-widget-content table thead tr th {
    color: White !important;
}

.common_panel_flat {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    box-shadow: 0px 2px 5px 0px rgba(19, 23, 38, 0.05) !important;
    border-radius: 7px !important;
    background-image: url(../images/VesslesTabBG.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: White;
}

.MyAction {
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    box-shadow: 0px 2px 5px 0px rgba(19, 23, 38, 0.05) !important;
    border-radius: 7px !important;
    background-image: url(../images/VesslesTabBG.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: White;
}

.MyAction {
    border: 1px solid #dbe0e9 !important;
    border-radius: 7px;
}

.MyAction .panel-heading {
    padding: 10px 20px 0!important;
}

.MyAction .panel-heading h6 {
    color: #131313;
    font-size: 15px;
    font-weight: 600 !important;
    border-bottom: 2px solid #e5e5e5 !important;
    padding-bottom: 10px !important;
}

.MyAction .panel-body {
    padding: 10px 10px!important;
}

.DataGrid .BgGrid .panel {
    border: none !important;
}

.form-group .display-block {
    position: absolute;
    left: 31px;
    line-height: 14px !important;
    font-size: 13px !important;
    padding-top: 4px !important;
    font-weight: 500;
    font-size: 14px;
}

.form-group label .checker span {
    border-radius: 3px;
}

/* .greyTheme { border: 1px solid #946a6e;} */
.greyTheme .panel-heading {
    background-color: #F2E6E6 !important;
    padding: 7.5px 20px !important;
    border-radius: 5px 5px 0 0 !important;
}

.greyTheme .panel-heading .text-danger {
    display: none !important;
}

.greyTheme .panel-heading h6 {
    font-size: 15px;
    font-weight: 600 !important;
}

.greyTheme .table-widget .table-widget-content table {
    padding: 0 !important;
    border: none !important
}

.greyTheme .table-widget .table-widget-content table thead tr th {
    border: none !important;
    background-color: #946A6E !important;
    line-height: 16px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
}

.greyTheme .datatable-footer .bootpag li a {
    border: 1px solid #946a6e !important;
    color: #946a6e !important;
}

.hidePanel {
    border: none !important;
    background-color: transparent !important;
    margin-bottom: 0px !important;
    box-shadow: none !important;
}

.LeftSidePanel .panel-body .form-group .controls span {
    opacity: 1 !important;
    border: none !important;
    font-size: 14px;
    padding: 0px;
    color: #9a252e !important;
    background-color: transparent !important;
}

.hidePanel .panel-body .form-group .controls button span {
    padding: 0px !important;
    color: #222222 !important;
    font-size: 12px !important;
    border: 0px solid #fefefe;
}

.LeftSidePanel label, .hidePanel label {
    color: #777 !important;
}

.ro_lbl_primary {
    font-size: 14px;
    color: #9a252e !important;
}

.hidePanel .panel-heading h6 {
    border-bottom: 1px solid #dddddd;
}

.hidePanel .controls span {
}

.hidePanel .panel-body {
    padding: 10px;
}

.hidePanel .panel-heading {
    padding: 4px 20px !important;
}

.ro_lbl {
    font-size: 14px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

#divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(9) input, #divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(12) input, #divCanvas .item_details .table-widget .table-widget-content table tbody tr td:nth-child(13) input {
    border: 0px !important;
    background-color: transparent !important;
    font-weight: 600;
}

#divCanvas .item_details_readonly .table-widget .table-widget-content table tbody tr td input {
    border: 0px !important;
    background-color: transparent !important;
    font-weight: 600;
}

#divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td input {
    border: 0px !important;
    background-color: transparent !important;
    font-weight: 600;
}

#divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td .form-control {
    border: 0px !important;
    background-color: transparent !important;
    font-weight: 600;
}

#divCanvas .doc_read_only .table-widget .table-widget-content table tbody tr td .input-group-btn a {
    display: none;
}

/* ends here */
.CustomModel .modal-footer .CustomDelete {
    background-color: #f44336 !important;
}

.InboxDashboard {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    grid-gap: 20px;
    margin: 0;
    padding: 0;
}

.InboxDashboard li {
    width: 20%;
}

/*.InboxDashboard li:first-child .DashboardReport{background-color:rgb(41 163 152 / 10%); border:1px solid #29A398;}
.InboxDashboard li:nth-child(2) .DashboardReport{background-color:rgb(96 109 223 / 10%); border:1px solid #606DDF;}
.InboxDashboard li:nth-child(3) .DashboardReport{background-color:rgb(182 101 206 / 10%); border:1px solid #B665CE;}
.InboxDashboard li:nth-child(4) .DashboardReport{background-color:rgb(250 69 148 / 10%); border:1px solid #FA4594;}
.InboxDashboard li:nth-child(5) .DashboardReport{background-color:rgb(52 148 235 / 10%); border:1px solid #3494EB;}

.InboxDashboard li:first-child .DashboardReport .DashboardCount{background-color: #29A398;}
.InboxDashboard li:nth-child(2) .DashboardReport .DashboardCount{background-color: #606DDF;}
.InboxDashboard li:nth-child(3) .DashboardReport .DashboardCount{background-color: #B665CE;}
.InboxDashboard li:nth-child(4) .DashboardReport .DashboardCount{background-color: #FA4594;}
.InboxDashboard li:nth-child(5) .DashboardReport .DashboardCount{background-color: #3494EB;}*/
.InboxDashboard li .DashboardReport .DashboardData {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

.InboxDashboard li .DashboardReport .DashboardData span {
    font-size: 21px;
    font-weight: 700;
    color: #E9AD33;
    display: inline-block;
}

.InboxDashboard li .DashboardReport .DashboardData label {
    font-size: 13px;
    font-weight: 600;
    color: #808E84;
    display: inline-block;
}

.InboxDashboard li .DashboardReport {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    height: 110px;
    padding: 0 15px;
    border-radius: 6px;
    background-color: #29A398;
    background: #FFFFFF;
    border: 1px solid #BEFCBE;
    box-shadow: 0px 4px 14px #D0ECD8;
    border-radius: 12px;
}

.InboxDashboard li .DashboardCount {
    width: 70px;
    height: 70px;
    border-radius: 140px;
    font-size: 28px;
    color: #30BA57;
    text-align: center;
    padding: 13px 0;
    font-weight: 600;
    background: #E8FFE8;
}

.IntanceTem .page-header-content {
    padding: 7px 20px;
}

.IntanceTem .heading-elements .BtnCalendar {
    padding: 9px 9px 10px;
    background: #7ab97a;
}

.IntanceTem .heading-form .input-group .form-control {
    background: #ffffff;
    border: 1px solid #7ab97a !important;
}

.page-header.IntanceTem {
    background: #FFFFFF;
    box-shadow: 0px 8px 15px rgb(208 231 208 / 71%);
    border: none;
    margin-bottom: 15px !important;
}

.IntanceTem .Refresh {
    background: #dffbdf;
    height: inherit;
    width: 45px;
}

.IntanceTem .heading-elements .multiselect {
    border: 1px solid #7ab97a;
    background: #fff;
}

.IntanceTem .heading-elements .dropdown-toggle {
    border: 1px solid #7ab97a;
    background-color: #fff;
    height: 35px;
    color: #6a6660 !important;
    border-radius: 4px;
}

.IntanceTem .heading-elements {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
    align-content: center;
}

.IntanceTem .heading-elements .heading-form .input-group-xs .input-group-btn a {
    height: 36px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    top: -2px;
    background: #8bc34a;
    border: none;
}

.IntanceTem .datetimepicker .input-group-btn {
    display: none;
}

.IntanceTem .LeftFilterCol .sidebar-detached .sidebar {
    background: #FFFFFF;
    box-shadow: 0px 8px 15px rgba(38, 50, 56, 0.1);
    border-radius: 12px;
    border: 1px solid #B6E3C3 !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FEF9 100%);
}

.IntanceTem .LeftFilterCol .sidebar-detached .sidebar h6 {
    border-bottom: 1px solid #BEFCBE;
    background-color: #ffffff;
    border-radius: 12px 12px 0px 0px;
}

.IntanceTem .LeftFilterCol .sidebar-detached .sidebar .sidebar-content .has-feedback input {
    background: #E8F4E8;
    border-radius: 8px !important;
    border: none;
}

.CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group {
    margin: 0;
    width: auto;
}

.CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group .form-control {
    height: 32px;
    color: #1a1a1a;
    border-radius: 3px 0 0 3px;
    border: 1px solid #bdc0c7;
    border-right: none;
    box-shadow: none;
}

.CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group-btn {
    height: 32px;
    border-radius: 0 3px 3px 0;
    border: 1px solid #bdc0c7;
    border-left: none;
    width: 30px;
    text-align: center;
}

.CustomFixed .page-header-content .heading-elements .heading-form .form-group .input-group-btn a {
    display: inline-block;
    color: #6a727d;
    border-radius: 0;
    height: 32px;
    background-color: transparent;
    box-shadow: none;
    padding: 6px 0;
}

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

.CommonFlex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.CustomNewPanelDesign {
    border: 1px solid #afb8db;
    border-radius: 5px 5px 0 0 !important;
    margin-bottom: 0;
}

.CustomNewPanelDesign > .panel-heading {
    background-color: #e6f1ff !important;
    border-radius: 5px 5px 0 0;
    padding: 0 15px !important;
    height: 42px;
    display: flex;
    align-items: center;
}

.CustomNewPanelDesign > .panel-heading .panel-title {
    font-size: 15px;
    font-weight: 500;
    color: #3b61eb;
}

.NewTabStyle.tab-content-bordered ul.nav {
    display: flex;
    flex-direction: row;
    background-color: #f3f6f9;
    height: 55px;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;
    grid-gap: 20px;
}

.NewTabStyle.tab-content-bordered ul.nav li {
}

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

.NewTabStyle.tab-content-bordered ul.nav li.active a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #3b61eb;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.NewTabStyle.tab-content-bordered ul.nav li a span, .NewTabStyle.panel .panel-heading h6 {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}

.NewTabStyle.tab-content-bordered ul.nav li:hover a span {
    color: #3b61eb;
}

.NewTabStyle.tab-content-bordered .tab-content {
    margin: 0;
}

.NewTabStyle.tab-content-bordered .tab-content .panel {
    border: none;
    margin: 0 !important;
    box-shadow: none;
    border-radius: 0;
}

.NewTabStyle.tab-content-bordered .tab-content .panel .panel-heading {
    display: flex;
    flex-direction: row;
    height: 73px;
    align-items: center;
    border-bottom: 1px solid #dde2f1;
    padding: 10px 15px !important;
}

.NewTabStyle.tab-content-bordered .tab-content .panel .panel-heading h6 {
    font-size: 14px;
    font-weight: 500;
    color: #4d4d4d;
}

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

.NewTabStyle.tab-content-bordered .tab-content .panel .panel-body {
    padding: 5px 0;
}

.CustomPackageUI .modal-dialog .modal-content .CustomHeader {
    padding: 22px 10px !important;
    height: auto !important;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(150 169 225 / 15%);
}

.CustomPackageUI .modal-dialog .modal-content {
    padding: 0 !important;
    background-color: #F0F3FD;
    border-radius: 4px;
}

.CustomPackageUI .modal-dialog .modal-content .modal-header .close {
    right: 20px;
    top: 16px;
}

.CustomPackageUI .modal-dialog .modal-content .modal-header .close {
    right: 20px;
    top: 16px;
}

.CustomPackageUI .modal-footer {
    display: none;
}

.CustomPackageUI .add-process-menu-left {
    width: 120px;
    float: left;
    box-shadow: 0 0 15px rgb(150 169 225 / 15%);
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a {
    display: flex;
    flex-direction: column;
    width: 137px;
    height: 135px;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    justify-content: center;
    align-items: center;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a i {
    padding: 10px 0;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a i svg path {
    fill: #4F5D77;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a i svg path {
    fill: #3B61EB;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a {
    background-color: #e3e9ff;
    font-weight: 500;
    position: relative;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: #3b61eb;
    right: 0;
    border-radius: 25px 0 0 25px;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li.active a span {
    font-weight: 600;
}

.CustomPackageUI .add-process-menu-left .add-process-menu-content .add-process-menu-nav li a span {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 18px;
    text-align: center;
}

.CustomPackageUI .add-process-menu-right {
    width: calc(100% - 138px);
    float: left;
}

.CustomPackageUI .add-process-menu-right .content {
    padding: 20px 0;
}

.CustomPackageUI .add-process-menu-right .tabbable {
    background-color: #fff;
    overflow: hidden;
    padding: 10px;
}

.CreateTemplate {
    background-color: #fff;
    border-radius: 18px;
    padding: 15px;
    border: 2px dashed #3b61eb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.CreateTemplate .CreateIcon {
    padding: 20px 0 10px;
}

.CreateTemplate h6 {
    font-size: 18px;
    font-weight: 500;
    color: #0b6282;
    margin: 0;
    line-height: 18px;
    padding: 10px 0 5px;
}

.CreateTemplate p {
    font-size: 14px;
    font-weight: 400;
    color: #909091;
    margin: 0;
    line-height: 18px;
    padding: 5px 0 10px;
}

.CreateTemplate a {
    width: 100%;
    text-align: center;
    background-color: #3b61eb;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
    border-radius: 25px;
    margin-top: 30px;
}

.CommonToggleMain {
    width: 100px;
    display: flex;
    flex-direction: row;
    grid-gap: 5px;
}

.CommonToggleMain a {
    display: block;
}

.CommonToggleMain a img {
    width: 20px;
}

.CustomORGLeft {
    width: 100%;
    float: left;
}

.CustomORGLeft.active {
    width: calc(100% - 520px);
    margin-right: 20px;
}

.CustomORGRight {
    display: none;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    background-color: #f9f9f9;
    transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    float: left;
    overflow: hidden;
}

.CustomORGRight.active {
    display: block;
    width: 500px;
}

.bootstrap-select.btn-group .btn .caret {
    display: none;
}

.bootstrap-select .btn {
    background-image: url(../images/DesignStudio/SelectArrow.png) !important;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 96% 50%;
}

.SelectDevice {
    width: 250px;
}

.SelectDevice .form-group {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 12px;
}

.SelectDevice .form-group label {
    padding: 0;
    margin: 0;
    color: #3b61eb;
    font-size: 13px;
}

/* By Guna */
/*.sidebar {
    transition: width 0.3s;
}


.sidebar-xs .sidebar-main {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
    transition: width 0.3s;
}


.sidebar-fixed .sidebar-content {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
    transition: width 0.3s;
}

.CustomConsoleMenu {
    animation: fadeIn ease 0.9s;
    -webkit-animation: fadeIn ease 0.9s;
    -moz-animation: fadeIn ease 0.9s;
    -o-animation: fadeIn ease 0.9s;
    -ms-animation: fadeIn ease 0.9s;
}


.sidebar-fixed {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}

@keyframes sidebar-fixed {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sidebar-fixed {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sidebar-fixed {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sidebar-fixed {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes sidebar-fixed {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}*/
.datatable-header {
    padding: 0;
    border: 0;
}

.datatable-header .form-group {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    grid-gap: 10px;
}

.datatable-header .form-group label {
    padding: 0;
    color: #3b61eb !important;
}

.bootstrap-touchspin.input-group-sm .input-group-btn-vertical>.btn {
    aspect-ratio: 1 !important;
    width: 36px !important;
    line-height: 1.6666667;
    padding-left: 11px;
    padding-right: 11px;
    height: auto;
}

.bootstrap-touchspin .input-group-btn-vertical {
    white-space: nowrap;
    width: 1%;
    vertical-align: top !important;
    display: table-cell;
}

.bootstrap-touchspin input {
    border-radius: 5px 0px 0px 5px !important;
}

.CusBtn {
    padding: 8px 12px;
    font-size: 15px;
    color: #616f87;
    font-weight: 500;
    line-height: 18px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #8e8e8e;
    width: 150px;
}

.CusSave {
    background-color: #3b61eb;
    color: #fff;
    border: 1px solid transparent;
    font-weight: 400;
}

.btnSearch svg {
    width: 15px;
}

@media (max-width: 1366px) and (min-width: 769px) {
    .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: 14px !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: 29px !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 {
        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: 0 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;
    }

    /*.sidebar-fixed .sidebar-content{width: 234px !important;}
    .sidebar{width: 234px !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: 0 !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: 782px !important;
    }

    .VerticalMiddle {
        height: 410px;
    }

    .login-container .login_form_first .RightSide {
        padding: 20px 63px;
    }

    .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: #ffffff94;
    }

    .login-container .login_form_first .RightSide .form-group input {
        background-size: 15px;
    }

    .mainCustomTable .panel-body {
        height: calc(100vh - 171px);
    }

    .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;
    }

    .CustomSidebarStrip .sidebar-content .sidebar-category .category-content ul.navigation li.LeftHoverAnimation a.has-ul i {
    }

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

    .logo-title li p {
        margin-top: 0px;
        font-weight: 400;
        font-size: 12px;
    }

    .logo-title li span {
        font-size: 20px;
    }

    .login-container .login_form_first .LeftSide {
        background-size: contain;
    }

    .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;
    }

    /*/dashboard header//*/
    .navbar-nav > .dropdown-user > a > span {
        font-size: 11px;
    }

    .CustomNavbarStrip {
        height: 43px;
    }

    .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;
    }

    /*/dashboard header//*/
    .sidebar {
        width: 215px;
    }

    .sidebar-fixed .sidebar-content {
        width: 215px;
    }

    .navigation li > .has-ul:after {
        right: 11px;
    }

    .CustomFixed .page-header-content {
        height: 43px;
    }

    .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 {
        grid-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 {
        grid-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 .FilterTitle 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 {
        padding: 8px !important;
    }

    .CustomModelDesignStudio .modal-content {
        padding: 20px 14px !important;
    }

    .CustomModelDesignStudio .modal-header::before {
        content: '';
        width: 40px !important;
        height: 40px !important;
        background-size: 19px !important;
    }

    .CustomModelDesignStudio .modal-header h4 {
        padding-left: 48px !important;
    }
}

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

.Lock svg path {
    fill: red;
}

.heading-elements > ul > li.Save > a {
    background-color: #3B61EA;
    border-radius: 4px;
    padding: 4px 18px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    height: 30px;
}

.heading-elements > ul > li.Save:hover > a {
    color: black !important;
}

#dvTitlesview .panel-body {
    overflow: auto;
    background: #f3f3f3;
}

.LOD .exploPanel {
    padding: 15px;
    border: 1px solid #ddd;
    margin: 0px 10px;
    border-radius: 4px;
    margin: 0px 10px;
    border-radius: 4px;
    background: white;
}

.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: 0 !important;
}

.LOD .exploPanel .formatIcon {
    padding: 20px;
    background: #f8f4ff;
    border-radius: 100%;
    border: 1px solid #9575cd;
}

.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: aliceblue;
    padding: 10px;
    border-radius: 100%;
}

.LOD .exploPanel .list-inline-separate > li:before {
    content: '/';
    color: transparent;
}

.LOD .exploPanel .list-inline-separate > li {
    padding: 0;
}

#grpPixelType .form-group .display-block {
    left: 30% !important;
}

/*---------------------- -------------     Denmdron-login-page     ---------------- -------------------------------*/
.DendronLogin {
    background-image: url(../images/dendronBg.png),linear-gradient(to top, #92f7a8, #f5fffa) !important;
    background-position: left bottom,100% !important;
    background-size: 50%,100%;
}

.DendronLogin .login_form_first {
    padding-right: 130px !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}

.DendronLogin .login_form_first .LeftSide {
    display: none !important;
}

.DendronLogin .login_form_first .RightSide {
    float: right !important;
    width: 500px !important;
    background: none !important;
    position: relative;
}

.DendronLogin .login_form_first::after {
    content: '';
    background: none !important;
}

.DendronLogin .login_form_first .RightSide .content-group {
    padding: 0 !important;
}

.DendronLogin .login_form_first .RightSide .form-group .LoginLabel {
    color: #666d6e;
}

.DendronLogin .login_form_first .RightSide .form-group input {
    border-radius: 0px !important;
    border-bottom: 1px solid #20422a2e !important;
    background-color: transparent !important;
}

.DendronLogin .login_form_first .RightSide .form-group .BtnLogin {
    width: 100% !important;
    color: white !important;
    background: #263238 !important;
}

/*.DendronLogin #divLogo{display:none; }
*/
.DendronLogin .login_form_first .RightSide .content-group small {
    color: #FFA93A;
    font-size: 34px;
}

.DendronLogin .login_form_first .RightSide p {
    color: #666d6e !important;
}

.DendronLogin .logo-title {
    position: absolute;
    top: 90px;
    left: 82px;
}

.DendronLogin .logo-title p {
    color: #2033569e;
}

.DendronLogin .login_form_first .RightSide::after {
    content: '';
    width: 2px;
    height: 307px;
    position: absolute;
    z-index: 1;
    left: -120px;
    top: 28%;
    background: #40834f40;
    border-radius: 25%;
}

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

.logo-title li svg path {
    fill: #263238;
}

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

.logo-title li span {
    font-family: Comfortaa;
    font-weight: 800;
    font-size: 56px;
    font-weight: 800;
    color: #59C878;
}

.logo-title li p {
    font-family: Comfortaa;
    font-weight: 700;
    font-size: 14px;
    color: #d1d4e9;
    margin-top: 12px;
}

.instance {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FEF9 100%);
    border: 1px solid #B6E3C3;
    box-shadow: 0px 4px 14px #D0ECD8;
    border-radius: 14px;
    padding: 12px 19px;
}

.instance .InstanceSearchBoxHeader {
    padding: 0;
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid #F8F8F8;
    transform: rotate(0deg);
}

.instance .page-title {
    width: 50%;
    text-align: left;
    padding: 0 !important;
}

.instance .element {
    width: 50%;
    text-align: right;
}

.instance .page-title h6 {
    color: #686868;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}

.instance .element a {
    background: #FFFFFF;
    border: 1px solid #EBE0CC;
    border-radius: 6px;
    color: #FE543D;
    padding: 2px 20px;
}

.instance .panel .panel-body {
    padding: 0;
}

.instance .InstanceSearchLeft {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.instance .InstanceSearchLeft .UserData,.instance .InstanceSearchLeft .InstanceProfile {
    width: 33.33333%;
    text-align: center;
}

.instance .circle {
    background: #d98d1c;
    border-radius: 100%;
    color: white;
    width: 115px;
    height: 115px;
    margin: 0 auto;
    padding: 0;
}

.instance .circle img {
    width: inherit;
    height: fit-content;
}

.instance .InstanceSearchLeft .UserData p {
    margin: 0;
    color: #BABBBA;
    font-size: 11px;
}

.instance .InstanceSearchLeft .UserData a {
    color: #504E4A;
    font-size: 18px;
    font-weight: 500;
}

.instance .InstanceSearchRight {
    background: #F1F6F1;
    border-radius: 8px;
    color: white !important;
    padding: 12px 15px;
}

.instance .InstanceRight {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.instance .InstanceRight .grid {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: rgba(128, 142, 132, 0.6);
}

.instance .InstanceRight .grid2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: rgba(128, 142, 132, 0.6);
}

.instance .InstanceRight p span {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #59C878;
}

.instance .InstanceRight .grid2 span {
    color: #E9AD33 !important;
}

.instance .InstanceRight .View {
    text-align: center;
    padding: 10px;
    background: #263238;
    box-shadow: 0px 4px 4px rgba(226, 226, 226, 0.25);
    border-radius: 10px;
    color: white !important;
}

.instance .InstanceRight .View a {
    color: white !important;
}

.instance .InstanceRight .View:nth-child(2) {
    background: #59C878;
    border-radius: 10px;
}

.IntanceTem .InstanceSearch .panel {
    background: transparent;
    border: none !important;
}

.IntanceTem .InstanceSearch .panel-heading {
    background: transparent;
    border: none !important;
}

.IntanceTem .LeftFilterCol .sidebar-detached .sidebar .sidebar-content {
    height: calc(100vh - 277px) !important;
}

.IntanceTem .InboxFilterSection {
    min-height: auto !important;
    height: auto !important;
}

.IntanceTem .LeftFilterCol {
    width: 20% !important;
    margin-right: 20px;
    margin-top: 20px;
}

.IntanceTem .RightresultCol {
    width: 78% !important;
}

.IntanceTem .panel-footer {
    background: rgb(38 50 56 / 5%) !important;
    border-radius: 8px;
    border: none;
}

.IntanceTem .AddInstance {
    display: none;
}

.IntanceTem .panel-heading .heading-elements > ul > li .input-group .form-control {
    background: #E8F4E8;
    border-radius: 8px 0px 0px 8px;
    border: none;
}

.IntanceTem .InstanceSearch .heading-elements ul li .input-group-btn {
    background: #E8F4E8 !important;
    border: none !important;
}

.IntanceTem .fa-area-chart:before {
    content: "\f1fe";
    color: #30ba57;
}

.insMulti .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
    border-color: #bef3be !important;
}

@media (max-width: 1366px) and (min-width: 769px) {
    .DendronLogin .login_form_first .RightSide {
        width: 400px !important;
    }

    .InboxDashboard li .DashboardReport {
        height: 90px;
        padding: 0 10px;
    }

    .InboxDashboard li .DashboardReport .DashboardData span {
        font-size: 18px;
    }

    .instance .InstanceSearchLeft .UserData a {
        font-size: 17px;
    }

    .instance .circle {
        width: 89px;
        height: 89px;
    }

    .instance .InstanceRight .grid2,.instance .InstanceRight .grid {
        font-size: 10px;
    }

    .IntanceTem .InstanceSearch .panel-body {
        height: calc(100vh - 280px) !important;
    }

    .instance {
        border-radius: 14px;
        border-radius: 14px;
        padding: 10px 8px;
        padding: 10px 8px !important;
    }

    .instance .InstanceRight {
        gap: 10px;
    }
}

/*---------------------- -------------     Denmdron-login-page     ---------------- -------------------------------*/
/*     ------------------------------- Multi Table -Inbox --------------------------------               */
.MultiTable .panel {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px;
}

.MultiTable .panel-body {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

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

.MultiTable #grdDeadlineMissed {
    height: auto !important;
}

.MultiTable .panel-body h5 {
    color: #0d0f28;
    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: #505050 !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;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    color: #484d566e !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: 0 7px !important;
    background-color: transparent !important;
}

.MultiTable .panel-body #grdDeadlineMissed table tbody tr {
    background: white !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: black !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    width: 55px;
    margin: 0;
    height: 45px !important;
    border-radius: 8px !important;
    border: none !important;
    background-color: #e5e7ed !important ;
}

.MultiTable .panel-footer .pull-right li {
    padding: 12px 20px !important;
    margin: 0 20px !important;
    background: #e5e7ed !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: white !important;
}

div.gridbox_dhx_skyblue.gridbox table.obj tr.rowselected {
    background: black !important;
}

.MultiTable .dhxgrid_sort_desc, .MultiTable .dhxgrid_sort_asc {
    left: 995px !important;
    top: 14px !important;
}

/*     ------------------------------- Multi Table -Inbox --------------------------------               */
#grdTenantMaster svg {
    width: 18px;
}

.mainCustomTable div#grdAdminDetail.gridbox_dhx_skyblue.isModern table.hdr tr td div {
    color: #5e5e5e;
}

.mainCustomTable div#grdAdminDetail.gridbox_dhx_skyblue.isModern table svg {
    width: 18px;
}

/*.BasicGrid .panel-heading .heading-elements{right: 10px;margin-top: -16px;}
.BasicGrid .panel-heading .heading-elements ul li a{min-width: 29px;height: 29px;background: #DCF1E1;border-radius: 10px;}
.BasicGrid .panel-heading .heading-elements ul li a.collapse3{top: 0px !important;}
.BasicGrid .panel-heading .heading-elements ul.icons-list li{margin-left: 0px !important;}
.BasicGrid .panel-heading .heading-elements ul li.dropdown a span{display: none !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right{box-shadow: none !important;border: none !important;width: 330px;background-color: transparent !important;}
*/
/*.BasicGrid .panel-heading .heading-elements ul li a .icon-plus2{background-image: url(../images/Internals/Add_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 12px;height: 12px;}
.BasicGrid .panel-heading .heading-elements ul li a .icon-trash{background-image: url(../images/Internals/Trash_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;}
.BasicGrid .panel-heading .heading-elements ul li a .icon-pencil7{background-image: url(../images/Internals/Edit_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;}
.BasicGrid .panel-heading .heading-elements ul li a .icon-filter3{background-image: url(../images/Internals/Filter_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;}
.BasicGrid .panel-heading .heading-elements ul li a .icon-menu7{background-image: url(../images/Internals/Menu_Theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;}
.BasicGrid .panel-heading .heading-elements ul li a.collapse3::after{background-image: url(../images/Internals/Down_theme_Bold.svg);background-position: center;background-repeat: no-repeat;background-size: 12px;width: 14px;height: 14px;}
*/
/*.BasicGrid .panel-heading .heading-elements ul li a .icon-plus2::before,
.BasicGrid .panel-heading .heading-elements ul li a .icon-add-to-list::before,
.BasicGrid .panel-heading .heading-elements ul li a .icon-trash::before,
.BasicGrid .panel-heading .heading-elements ul li a .icon-pencil7::before,
.BasicGrid .panel-heading .heading-elements ul li a .icon-filter3::before,
.BasicGrid .panel-heading .heading-elements ul li a .icon-menu7::before{display: none;}
.BasicGrid .panel-heading .heading-elements ul li a.collapse3::after{content: '' !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li {width: 50%;float: left;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li.divider{display: none !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a{font-weight: 500;padding: 25px 10px !important;display: flex;align-items: center;justify-content: flex-start;margin: 5px 0px 5px 10px !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover{border: 1px solid var(--main-Default-Text) !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover i::before{color:var(--main-Default-Text) !important;font-weight: 600 !important;}
.BasicGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a i{font-weight: 500;width: 29px;height: 29px;background: #FFFFFF;border: 0.5px solid #D9D9D9;box-shadow: 0px 0px 2px rgb(0 0 0 / 15%);display: flex;align-items: center;text-align: center;align-content: center;flex-wrap: wrap;flex-direction: row;justify-content: center;margin: 5px 10px 5px 5px !important;border-radius: 100px;padding: 16px !important;}
.BasicGrid table{padding: 0px !important;    border-radius: 10px 10px 0px 0px !important;background: transparent;border: none !important;box-shadow:none;height: 50px;border-collapse: separate;
    border-spacing: 10px;}
.BasicGrid table thead{background: #FFFFFF;border: 1px solid #ECECEC;box-shadow: inset 0px 0px 3px rgb(0 0 0 / 10%);border-radius: 10px 10px 0px 0px;height: 50px;}
.BasicGrid table thead tr th{height: 37px;padding: 7px 0px 7px 20px;border-left: unset !important;color: #4B4848 !important;opacity: 0.75;font-weight: 400;}
.BasicGrid table thead tr th::after{background-image: url(../images/Internals/Down_Arrow_Filled_Theme.svg);background-position: right center;background-repeat: no-repeat;background-size: 12px;content: '' !important;width: 12px;height: 12px;}
.BasicGrid table.dataTable tbody tr{    border: none;background: #FFFFFF;box-shadow: 0px 4px 14px #d0ecd8;border-radius: 14px;}
.BasicGrid table tbody tr td{padding: 5px 10px;}
.BasicGrid table thead tr th[aria-label="Edit: activate to sort column ascending"]{padding: 0px;text-align: center;width: 100px;}
.BasicGrid table tbody tr td span[title="Edit"] button{color: transparent;background-color: transparent;padding: 0px;border: none;background-image: url(../images/Internals/Edit_Normal.svg);background-repeat: no-repeat;background-size: 16px;background-position: center;}
.BasicGrid table tbody tr td span[title="Edit"] button:hover{background-color: transparent !important;background-image: url(../images/Internals/Edit_Hover.svg);}
.BasicGrid table tbody tr td .input-group span.e-disabled{border-bottom-color:transparent !important;border-bottom-style: unset !important;position: relative;top: 3px;margin: 0px !important;}
.BasicGrid table tbody tr td .input-group span.e-disabled .e-input-group-icon{margin: 0px !important;} 
.BasicGrid table tbody tr td .input-group span.e-disabled input,
.BasicGrid table tbody tr td .form-group input[type="date"][disabled]{padding: 0px !important;border: none !important;position: relative;top: 7px;background-color: transparent;font-weight: 500 !important;font-size: 14px !important;color: #4B4848 !important;}
.BasicGrid table tbody tr td .form-group input[type="text"][disabled]{background-color: transparent !important;padding-left: 0px;opacity: 1 !important;font-weight: 500 !important;font-size: 14px !important;line-height: 150%;color: #4B4848 !important;margin-top: 0px;border: none;}
#divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td{border-radius: 8px !important;
    border: none !important;}
.BasicGrid table tbody tr td .form-group span.e-disabled{background-image: none !important;}
.BasicGrid table tbody tr.selected{    background-color: #c9d9c9 !important;}
#divCanvas .BasicGrid .table-widget .table-widget-content table thead tr th{    background-color: #f9fef9 !important;    color: #A1A1A1 !important;}
#divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control, 
#divCanvas .BasicGrid .table-widget .table-widget-content table tbody tr td .controls .form-control{border: none !important;    color: #333333 !important;}

#divCanvas .BasicGrid .datatable-footer{    background: rgba(38, 50, 56, 0.04);border-radius: 8px !important;border: none;}
#divCanvas .BasicGrid .pagination label{    font-weight: 500;font-size: 14px;line-height: 12px;color: #000000;}
#divCanvas .BasicGrid .pagination select{background-color: #263238;border-radius: 4px;color: white;}
#divCanvas .BasicGrid .pagination .label{    background: rgba(252, 194, 15, 0.52);border-radius: 4px;color: #263238;padding: 2px 12px;    font-size: 10px;}
#divCanvas .BasicGrid .datatable-footer .bootpag li a{ border-radius: 4px;    background-color: #FFFFFF !important;
    border: 1px solid #a0f3a0;
    box-shadow: -1px 0px 6px -1px rgb(202 202 202 / 60%) !important;}
#divCanvas .BasicGrid .fa-angle-double-left:before{    content: "\f100";color: #000000;}
#divCanvas .BasicGrid .fa-angle-left:before {content: "\f104";color: black;}
#divCanvas .BasicGrid .fa-angle-right:before {content: "\f105";color: black;}
#divCanvas .BasicGrid .fa-angle-double-right:before {content: "\f101";color: black;}
#divCanvas .BasicGrid .pagination .form-group input[type="text"][disabled],#divCanvas .BasicGrid .pagination .form-control[disabled]{    background: #263238;padding: 13px;border-radius: 4px;border: none;color: white !important;}*/
.University {
    background: linear-gradient(180deg, #ffebcd1c 1.78%, #FFE9C8 100%);
}

.University .login_form_first .RightSide .form-group .BtnLogin {
    background-color: #232f34;
}

.login-container .login_form_first .RightSide {
    background: url(../images/LoginCurve.png), url(../images/LoginCurve_2.png), linear-gradient(to bottom, #fff1f1 40%, #ffe6c1 100%);
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-text-fill-color: #333333 !important;
}

#grdInboxActivitySettings .objboxParent {
    height: auto !important;
}

.hideContent {
    display: none;
}

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

.input-group-xs>.input-group-btn>.btn {
    height: 40px;
}

#docFrame {
    padding: 0px !important;
}

#dvDMSLeftPage #docFrame, #dvDMSRightPage #docFrame {
    padding-top: 10px !important;
    height: calc(100vh - 60px);
    overflow: hidden;
    background: transparent;
    border-radius: 8px !important;
    padding: 7px !important
}

#dvDMSLeft,#dvDMSRight {
    margin-top: 44px;
}

/*#dvDMSLeftPage #docFrame .zIndex, #dvDMSRightPage #docFrame .zIndex{    background: transparent;border: none;}
*/
.CustomIspaceMenuTop.navbar-right li.dropdown #ulDocumentFloat {
    height: 91px;
}

.Docexpl .panel .panel-heading {
    background: #e5e5e5 !important;
}

.jsPanel .jsPanel-hdr {
    background: #3b61eb;
}

.CusBorder-remove .panel {
    border: none !important;
    margin-bottom: 20px !important;
}

.CusBorder-remove .panel-heading {
    padding: 2px 25px !important;
    background: #e2e4e5;
}

.CusBorder-remove .panel-body {
    padding: 25px 10px !important
}

#dvUploadDocument .panel-body {
    height: auto !important;
    min-height: auto !important;
}

#dvDocumentView #dvContainer.panel {
    height: auto !important;
}

#grpPixelType {
    display: flex;
    gap: 50px;
}

#grpPixelType h6 {
    position: relative;
    width: 100%;
    text-align: left;
    left: 0;
    top: 0;
    margin: 0;
}

.CustomUploadReport .input-group-xs > .form-control, .CustomUploadReport .input-group-xs > .input-group-addon, .CustomUploadReport .input-group-xs > .input-group-btn > .btn {
    height: 38px !important;
}

/*----------------------------  cardinboxthumbnail  ---------------------------------------------------*/
.Card_panel {
    display: flex;
    flex-direction: row;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 9px;
    gap: 21px;
    background: #252c32;
    margin-bottom: 10px;
}

.Card_img {
    height: 150px;
    width: 30%;
}

.Card_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 18px;
}

.Card_Content {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.Card_Name {
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.flex-type {
    display: flex;
    gap: 28px;
    padding: 11px 0px;
}

.status-update {
    text-align: left;
    background: #0000004f;
    width: 100%;
    border-radius: 7px;
    padding: 8px 0px 8px 8px
}

.status-initial {
    text-align: left;
    padding: 8px 0px 8px 8px;
    border-radius: 7px;
    width: 100%;
    background: #0000004f;
}

.btn_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 5px;
    align-items: center;
}

.btn_flex .btn {
    width: 100%;
    background: #ffffff1c;
    color: white !important;
}

.btn_flex .btn:nth-child(1) {
    border: 1px solid #1b81db;
    color: #68b8ff !important;
    background: transparent;
}

.btn_flex .btn:nth-child(2) {
    background: #1b81db;
}

.Card_panel p {
    color: #f0f8ff75 !important;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.Card_Code {
    color: #f0f8ff75;
}

.status-update .value {
    color: #f7c350e0 !important;
    font-size: 14px !important;
}

.status-initial .value {
    color: #75ffbf !important;
    font-size: 14px !important;
}

/*----------------------------  cardinboxthumbnail  ---------------------------------------------------*/
.syncfusion_datepicker {
    border: 1px solid red;
}

#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;
}

/*--------------------- Multi Table -------------------------*/
.Inbox_panel {
    background: #ffffff;
    padding: 5px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.Section_value_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #d9ffdd;
    padding: 2px 7px;
    border-radius: 6px;
}

.Inbox_panel .Section_value_inner label {
    margin: 0;
    opacity: 0.56;
    font-size: 12px;
}

.Inbox_panel .Section_value_inner span {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.Inbox_panel .Section_value_inner:nth-child(2) {
    background: aliceblue;
}

.Inbox_panel .Section_value_inner:nth-child(3) {
    background: rgb(253 230 230);
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    color: #484d56cc !important;
}

/*--------------------- Multi Table -------------------------*/
/*--------------------------------Laks Combobox------------------------------------*/
.control-wrapper {
    margin: 0 auto;
    width: 250px;
}

.header {
    font-weight: 600;
    color: rgba(0, 0, 0, .54);
    height: 48px;
    padding: 15px 0 0 16px;
    font-size: 16px;
    background-color: #f5f5f5;
    font-family: "Segoe UI", "GeezaPro", "DejaVu Serif";
}

.info {
    margin-left: 17px;
}

.ename {
    display: block !important;
    opacity: .87;
    font-size: 14px;
    margin-top: 8px;
}

.name {
    padding: 8px 42px;
    opacity: .87;
    line-height: 1.063em;
}

.job {
    opacity: .54;
    font-size: 14px;
    margin-top: -15px;
    margin-bottom: 7px;
}

.empImage {
    margin: 6px 16px;
    float: left;
    width: 50px;
    height: 50px;
}

.value {
    border-radius: 50%;
    float: left;
    margin-top: 2px;
    margin-left: 2px;
}

.e-bigger:not(.bootstrap) .value {
    margin-top: 6px;
}

.e-bigger:not(.bootstrap) .name {
    padding: 11px 42px;
}

#employees_popup.e-popup .e-list-item * {
    display: block;
    text-indent: 0;
}

.e-bigger:not(.bootstrap) #employees_popup .e-dropdownbase .e-list-item {
    line-height: 42px;
    height: 80px;
}

.e-bigger:not(.bootstrap) #employees_popup.e-popup .empImage {
    margin: 10px 16px;
}

.tailwind #employees_popup .job {
    margin-top: -7px;
    margin-bottom: 5px;
}

.e-bigger.tailwind #employees_popup .job {
    margin-top: -15px;
    margin-bottom: 5px;
}

.bootstrap5 #employees_popup .job, .bootstrap-dark #employees_popup .job, .bootstrap5-dark #employees_popup .job, .tailwind-dark #employees_popup .job {
    margin-top: 0;
}

.e-bigger.bootstrap5 #employees_popup .job, .e-bigger.bootstrap-dark #employees_popup .job, .e-bigger.bootstrap5-dark #employees_popup .job, .e-bigger.tailwind-dark #employees_popup .job {
    margin-top: -15px;
}

/*--------------------------------Laks Combobox------------------------------------*/
/*--------------------------------Product Issues Fix 11/3/2022 Dont Remove------------------------------------*/
.modal-content {
    border-radius: 16px;
}

/*.e-list-parent {display: grid !important;grid-template-columns: 1fr 1fr 1fr 1fr !important;}
*/
#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;
}

#grdDataElements {
    position: sticky;
    overflow-x: auto !important;
    height: fit-content !important;
    min-height: fit-content !important;
}

#grdDataElements .xhdr, #grdDataElements .objboxParent {
    position: static !important;
    width: fit-content !important;
}

#grdDataElements .xhdr table, #grdDataElements .objboxParent table {
    position: sticky;
    overflow: inherit;
}

#grdDataElements .objboxParent {
    height: fit-content !important;
}

.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 {
    padding: 0 10px !important;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteNine > a::before {
    background: url(../images/SpritesImages/css-file.png) -282px -247px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}

.GobalDFSToolBar ul.ToolBar > li > ul.CSS > li.SpriteTen > a::before {
    background: url(../images/SpritesImages/SmartLayout.png) -282px -247px;
    left: 0;
    right: 0;
    margin: auto;
    top: 8px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
}

#InfoEditor {
    background: #f3f6ff;
    color: #080808;
    font-size: 14px;
    font-weight: 700;
}

#flex-container {
    height: auto !important;
    min-height: auto !important;
}

.SpriteTen11 svg {
    width: 44px;
    height: 40px;
    padding-top: 10px;
    top: 3px;
    position: absolute;
}

.CustomFixed.page-header .page-header-content .heading-elements ul {
    display: flex;
}

.mainCustomTable .panel-heading .heading-elements > ul > li > a {
    gap: 5px;
}

.modal-open .modal {
    top: 10px;
}

.CustomModelDesignStudio #mdlRoleAssign .CustomFlex .CopySelect_2, .CustomModelDesignStudio #mdlRoleAssign .CustomFlex .MoveSelect_2 {
    flex-basis: 50%;
    width: 50%;
    height: calc(100vh - 320px);
}

#mdlRoleAssign .e-list-parent {
    grid-template-columns: 1fr 1fr !important;
    display: inline-block !important;
}

.modal-backdrop {
    background-color: #ffffff !important;
}

.C_CheckBox .form-label {
    padding-left: 34px;
}

.MultiTable .panel-footer .pull-left {
    justify-content: start !important;
}

.MultiTable .panel-footer .pull-right {
    justify-content: end !important;
}

/*--------------------------------Product Issues Fix 11/3/2022 Dont Remove------------------------------------*/
.wrapper-Load {
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto;
}

.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: rgb(105 127 255 / 70%) !important;
}

.loader-6:after {
    background-color: rgb(16 211 108 / 63%) !important;
}

/*-------------------------------------------
    $ Loaders
-------------------------------------------*/
.text-giga {
    line-height: 1;
    font-size: 24px;
    font-weight: 300;
}

.pad-top {
    padding-top: 1em;
}

.space-out {
    margin: 100px;
}

/*-------------------------------------------
    $ Loaders
-------------------------------------------*/
.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 infinite ease-in-out;
}

.loader:before,.loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

/* Loader 6 */
.loader-6 {
    animation: loader6-1 1.5s infinite linear;
}

.loader-6:before,.loader-6:after {
    content: '';
    margin: -25px 0 0 -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.0);
        left: 50%;
    }

    100% {
        transform: scale(0.2);
        left: 100%;
    }
}

#grdInboxFeatures {
    min-height: auto !important;
    height: auto !important;
    cursor: default;
}

.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left), .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover, .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover {
    border-color: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(0, 0, 0, 0.42);
    border-radius: 4px;
    padding: 5px;
}

.MultiTable .panel-footer select#ddlPageSize {
    background-color: #ffffff !important;
}

.MultiTable .panel-footer .pull-right li {
    background: #ffffff !important;
}

.MultiTable .panel-footer select#ddlPageSize {
    background-color: #ffffff !important;
}

.MultiTable .panel-footer .pull-right li {
    background: #ffffff !important;
}

.jsPanel-content #propertyGrid {
    overflow: auto !important;
}

#jsPanel-2 div.gridbox table.row20px tr td {
    height: 33px;
    white-space: nowrap;
    padding: 9px;
    border: 1px solid #e7edff;
}

.e-toolbar-wrapper {
    height: auto !important;
}

.Inbox_panel {
    background: #ffffff;
    padding: 5px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-direction: row;
}

.Section_value_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #d9ffdd !important;
    padding: 2px 7px !important;
    border-radius: 6px;
}

.Inbox_panel .Section_value_inner label {
    margin: 0;
    opacity: 0.56;
    font-size: 12px;
}

.Inbox_panel .Section_value_inner span {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.Inbox_panel .Section_value_inner:nth-child(2) {
    background: aliceblue !important;
}

.Inbox_panel .Section_value_inner:nth-child(3) {
    background: rgb(253 230 230) !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.hdr td div.hdrcell {
    color: #484d56cc !important;
}

.MultiTable table {
    table-layout: inherit !important;
}

#inboxGrid table.obj tr td:last-child, #inboxGrid .xhdr table.obj tr td:last-child {
    text-align: center !important;
}

.CustomInboxDesign .panel-body div.gridbox_dhx_skyblue.gridbox table.obj tr td {
}

/*------------------ Product Patch 19-11-2022 ------------*/
/*------------------ INFRATRIUCTURE Add ------------*/
.gobalTab #dvAssetMaster .nav-tabs li.active a {
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid #3b61eb !important;
    border-radius: 0px !important;
}

.gobalTab #dvAssetMaster .nav-tabs li a {
    border: none !important;
    color: #3b61eb !important;
}

.gobalTab #dvAssetMaster .tab-content-bordered {
    background: #f5f7ff !important;
}

/*------------------ INFRATRIUCTURE Add ------------*/
.InlineMultiSelect {
    height: 100% !important;
}

.MultiLeftDoc {
    position: absolute;
    height: 45px;
    width: 45px !important;
    border-radius: 100% !important;
}

.InlineMultiSelect .MultiLeftDoc a {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.MultiRightDoc {
    background: transparent;
    border: none !important;
    width: 100% !important;
    height: 100%;
}

.InlineMultiSelect .datatable-scroll div:first-child {
    height: 100%;
    width: 100%;
    text-indent: 12px;
    display: flex;
    justify-content: start;
    align-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    overflow: auto;
    flex-wrap: wrap;
}

.InlineMultiSelect .MultiRightDoc {
    border: none !important;
    background-color: transparent !important;
}

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

div.gridbox_dhx_skyblue.isModern table.obj.row20px tr td {
    line-height: 13px;
}

.login_bg {
    background-color: #47563f;
    background-image: url(../images/login_bg_child.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.branding_logo {
    background-image: url(../images/GMR_Logo_small.png);
    width: 110px;
    height: 154px;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    /* padding: 15px !important; */
    border-radius: 10px;
}

.branding_logo1 {
    background-image: url(../images/AU_Logo1.png);
    width: 170px;
    height: 170px;
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
}

#divLogo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.content-wrapper.fixed-margin {
    position: relative;
}

.LogoText1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

#divLogo .LogoText2 {
    margin-bottom: 20px;
}

.login_text1 {
    font-size: 30px;
    font-weight: 600;
    color: #0f4fbe;
    text-align: center;
    width: 100%;
    line-height: 35px;
    margin: 5px 0px;
}

.LoginLabel {
    padding: 7px 0;
    font-size: 14px;
    color: #99a2b5;
    font-weight: 400;
}

.login_text3 {
    font-size: 14px;
    color: #5b5b5b;
    margin-top: -8px;
    text-align: center;
    width: 100%;
    line-height: 25px;
    margin: 5px 0px;
}

.login_text1 {
    font-size: 30px;
    font-weight: 500;
    color: #0f4fbe;
    text-align: center;
    width: 100%;
    line-height: 35px;
    margin: 15px 0px 5px;
}

.login_text2 {
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
    margin-top: -15px;
    text-align: center;
    width: 100%;
    line-height: 35px;
    margin: 5px 0px;
}

.login_part .form-group input {
    background-color: transparent;
    border-radius: 0 !important;
    border: none;
    height: 35px;
    padding: 0px 0px 0px!important;
    color: #ffffff;
    letter-spacing: 0.5px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    border-bottom: 2px solid #dbeed24f !important;
    margin-top: 0;
    border-top: 0px solid #f4bcc1 !important;
    border-left: 0px solid #f4bcc1 !important;
    border-right: 0px solid #f4bcc1 !important;
    font-size: 15px !important;
}

.login_btn {
    width: 100%;
    background-color: #dbeed2;
    border-radius: 5px;
    text-align: center;
    color: #026937;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
}

.login_part {
    min-height: 100%;
    float: right;
     
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
    padding: 5px 30px;
    width: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
background-image:url(../images/greenbg.png);
background-size:100%;

}

 

.ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left {
    top: 20px !important;
    bottom: inherit;
    position: absolute;
    right: 20px !important;
}
.ui-pnotify-closer,.ui-pnotify-sticker{
    width: 20px;
    float: right;
    z-index: 999999999;
    aspect-ratio: 1;
    position: relative;
    visibility: visible !important;
}

.ui-pnotify-closer span,.ui-pnotify-sticker span{
    
    width: 20px;
    height: 20px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999999999;
    font-size: 0px;
    font-family: unset;
}
.glyphicon-remove{background-image: url(../images/AU_ICons/close.png);}
.ui-pnotify-sticker .glyphicon-pause{background-image: url(../images/AU_ICons/pause.png);background-size: 14px;}
.ui-pnotify-sticker .glyphicon-play{background-image: url(../images/AU_ICons/play.png);background-size: 14px;}
.alert-danger.ui-pnotify-container{background: #ff4a4ab8;border-color: #ff4a4a;color: #fff;}



.CustomNavbarStrip {
    height: 47px !important;
    border: 0;
    background-color: #026937 !important;
    border-bottom: 0;
    box-shadow: none;
    padding: 0 8px;
}

.CustomNavbarStrip .navbar-collapse ul:first-child li.WorkSpace > a {
    border-radius: 4px;
    background-color: #06562f !important;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    margin-top: -4px;
}





/* .entire-login-container .in-login-cont{min-width: 460px;max-width: 460px;}
.entire-login-container .in-login-cont  .right-login-cont{width:100% !Important;padding-top: 120px !important;background-image: url(../images/AU_ICons/Demo_Logo.png);background-position: center 30px;background-repeat: no-repeat;background-size: 110px;}
.entire-login-container .in-login-cont .left-login-cont{display: none;}
.entire-login-container .in-login-cont  .right-login-cont h1.login-head-GMR{text-align: center;margin-top: 20px;}
.login-orN{display:none !Important}
.login-hr-line{border: 1px solid #d5d3d340 !important;} */

.org_modal .modal-content{border: none;box-shadow: none !important;border-radius: 0px;padding: 0px;}
/* .org_modal .modal-content{background: transparent;padding: 0px;border-radius: 0px;display: flex;align-items: center;justify-content: center;position: relative;height: fit-content !important;width: 700px !important;border: none;box-shadow: none !important;} 
.org_modal .modal-content #modalContent{width: 700px;margin: 0 auto;height: auto;} */
#ifm_UpdateOrgUnit{border-radius: 10px;border: none;}
.org_modal .modal-content span.close{position: absolute;right: 125px;top: 15px;background: #ff0000a6;opacity: 1;width: 30px;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border-radius: 8px;color: #fff;font-size: 16px;font-weight: 500;display:none !important}
.Org_Body > .container{width: 100%;}
.Org_Body > .container h1{font-size: 18px;border-bottom: 1px solid #DDE5EF;padding-bottom: 20px;text-align: left;color: #1E3146 !important;}
.Org_Body > .container .stackblitz-container #container{position: absolute;right: 15px;top: 15px;}
.Org_Body > .container .stackblitz-container #container span input{background: #EFF3F6;border-radius: 6px;}

.Org_Body > .container .stackblitz-container #container form span:nth-child(1) input{ font-size: 17px !important;font-weight: 600;color:#15487E !important}
.Org_Body > .container .stackblitz-container #container form span:nth-child(2) input{ font-size: 12px !important;font-weight: 500;color:#15487E !important}
.Org_Body > .container .stackblitz-container #container form span:nth-child(3) input{ font-size: 13px !important;font-weight: 600;color:#ff0f0f !important}
.Org_Body > .container .stackblitz-container #container form span:nth-child(1) input{border-radius: 4px;background-color: #45ab68;display: flex;background-image: url(../images/AU_ICons/white_plus.svg);background-repeat: no-repeat;background-position: center;background-size: 12px;align-items: center;font-size: 0px;justify-content: center;border: none !important;}
.Org_Body > .container .stackblitz-container #container form span:nth-child(2) input{background-image: url(../images/AU_ICons/majesticons_edit-pen-2-line.svg);background-repeat: no-repeat !important;background-position: center !important;background-size: 12px;}
.Org_Body > .container .stackblitz-container #container form span:nth-child(3) input{background-image: url(../images/AU_ICons/trash_btn_icon.svg) !important;background-repeat: no-repeat !important;background-position: center !important;background-size: 12px;}