/*override autocomplete style*/
.ui-autocomplete {
    z-index: 999999;
}


/*end*/
/* Autocomplete style override*/
.ui-widget-content .ui-state-focus {
    background: none;
    color: #333;
    font-weight: normal;
    border: none;
    margin: 0;
}

/*End*/

.highlight td {
    background: #f1f1f1 !important;
}

.hide {
    display: none;
}

body {
    margin: 0;
    font-size: 11px;
    /* added by bidhu on 18th august */
    /*min-width: 680px;*/
    overflow: hidden;
}
body.overflow-auto {
    overflow: auto !important;
}

/* Hide Edge password reveal (eye) icon */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input,
select,
textarea {
    max-width: 280px;
}
select {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px 0 var(--input-shadow);
}

.d-inline-block {
    display: inline-block;
}

.d-inline-block .form-horizontal {
    max-width: 280px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#example #main-horizontal {
    height: 100%;
    background-color: #fff;
}

#main #main-horizontal {
    height: 100%;
    overflow: visible;
}

#vertical {
    height: 380px;
    margin: 0 auto;
}

#right-pane {
    display: flex;
    flex-direction: column;
    z-index: 99;
    /* padding-top: 10px; */
    background: var(--light-gray);
}

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

.teamMate:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.teamMate h2 {
    font-size: 1.4em;
    font-weight: normal;
    padding-top: 20px;
}

.copyWithoutBorder {
    padding: 3px;
    border-radius: 8px;
    font-size: 10px;
    background: none;
    border: none;
}

.teamMate p {
    margin: 0;
}

.teamMate img {
    float: left;
    margin: 5px 15px 5px 5px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.tasks-header {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    padding: 5px 20px;
    color: var(--default-black);
    background-color: var(--light-gray);
}

.panel-header {
    width: 0;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    height: 77px;
    padding: 0;
    font-size: 24px;
    line-height: 20px;
    font-weight: 600;
    color: var(--default-black);
    background-color: var(--light-gray);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* end */

/* tabstrip */
#tabstrip h2 {
    font-weight: lighter;
    font-size: 5em;
    line-height: 1;
    padding: 0 0 0 30px;
    margin: 0;
}

#tabstrip h2 span {
    background: none;
    padding-left: 5px;
    font-size: .3em;
    vertical-align: top;
}

#tabstrip p {
    margin: 0;
    padding: 0;
}

.right-pane-tabscript .tab-content-parent {
    border-color: #f8f8f8;
}

#left-pane-inner .tab-content-parent {
    width: 100%;
    height: calc(100% - 25px);
}

#tabstrip {
    margin-left: -2px;
    width: calc(100% + 2px) !important;
}

#left-pane-inner .tab-content-parent .tab-content-parent.script-content {
    top: unset !important;
}

.right-pane-tabscript .k-state-active {
    border-color: #06537d;
}

.right-pane-tabscript .script-content {
    min-height: unset;
    height: 100% !important;
}

.right-pane-tabscript .script-content .inner-script-vertical {
    width: 100%;
    height: 100%;
    border: none;
}

.right-pane-tabscript .script-content .inner-script-content {
    height: 100%;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid {
    height: 100% !important;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid .jsgrid-table {
    width: 100% !important;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid .jsgrid-grid-header {
    padding-right: 35px !important;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid .jsgrid-grid-body {
    padding-right: 18px;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid table th {
    padding: 5px;
}

.right-pane-tabscript .script-content .inner-script-content .k-scrollable.jsgrid table td {
    padding: 5px;
}

.tab-content-parent .editor-form {
    height: 100%;
}

.tab-content-parent .editor-form .CodeMirror {
    height: 99%;
}

/* end */
.header-div {
    width: 100%;
    height: 40px;
    background: #333;
}

.header-div .log-out-btn {
    padding: 2px;
    margin: 7px 7px 0 0;
    min-width: 69px;
    background: none;
    color: #44b9ff;
}

#admin-content {
    height: 115px !important;
}

#views-content {
    height: 115px !important;
}

#schema-content {
    overflow: auto;
    height: 100%;
}

/**New CSS by KK - 10.08.2016**/
.k-state-active,
.k-state-active:hover,
.k-active-filter {
    border-color: #06537d !important;
}

.jsgrid-table {
    width: 100% !important;
}

.remove-row-effect {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    /* background: var(--light-gray); */
}

/* Timeline spacing issue fix */
.remove-row-effect > div {
    height: 100%;
}

.remove-row-effect > div #load-tabstrip {
    height: 100%;
}

/*Overriding jQuery UI*/
.ui-widget {
    font-family: inherit !important;
    font-size: 14px !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: inherit !important;
}

.bottom-button-row {
    right: 15px;
}

.jsgrid-table button,
#frmInput input[type="button"],
#frmInput input[type="submit"],
.ui-widget .bottom-button-row button,
.ui-widget .bottom-button-row input[type="button"],
.ui-widget .bottom-button-row input[type="submit"] {
    background: #06537D !important;
    color: #fff !important;
    padding: 4px 10px;
    border-radius: 4px;
    border: none !important;
}

.ui-dialog {
    padding: 0 !important;
}

.ui-dialog-titlebar {
    margin: -1px !important;
}

/*#jsGrid { height: auto !important; }*/
.jsgrid-grid-header {
    overflow-y: auto !important;
    padding-right: 8px !important;
}

/*header*/

header .leftPart > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

header .leftPart .appSwitcher .dropdown button {
    background: #1E78D8;
    width: 50px;
    height: 50px;
    border: none;
}

header .leftPart .appSwitcher .dropdown button:hover {
    background: #06537d;
}

.menubar {
    background-color: #323232;
}

#portalPreview {
    background-color: #323232;
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    /* background: transparent; */
    display: inline-block;
    width: 100%;
}

#portalPreview li a {
    display: block;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff !important;
    text-decoration: none;
}

#portalPreview li a i {
    color: var(--default-black);
    margin-right: 10px;
    font-size: 14px;
}

#cb-logo img {
    height: 32px;
    padding-left: 12px;
}

.menu-pop {
    height: 48px;
    width: 20px;
    color: #ccc;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    margin-left: 15px;
}

.menu-pop i {
    margin-top: 15px;
    font-size: large;
    color: var(--default-black);
}

.sidebar-menu {
    padding: 24px 16px;
    background-color: #ffffff;
    height: calc(100% - 25px);
    width: 75px;
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 1000;
}

.sidebar-menu a:focus {
    outline: 0;
    text-decoration: none;
}

.list-wrapper {
    position: relative;
}

.run-popup {
    background: #e0dede;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 10px;
    margin-left: 10px;
    display: inline;
    box-shadow: 0 0 10px 0 #ccc;
    z-index: 1000;
}

#MySolutionsSwitcher i {
    color: steelblue;
}

.portal-label i {
    padding-right: 10px;
}

.portal-label-inner {
    padding-bottom: 23px !important;
    margin-bottom: 13px !important;
}

.portal-header-details {
    margin-bottom: 6px;
}

.popup-box {
    min-width: 280px;
    padding: 12px;
    border-radius: 8px;
    background-color: var(--label-color);
}

.popup-box h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-align: left;
}

.popup-box i {
    display: none;
}

.popup-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.popup-box.style-2 ul {
    margin: 0;
    padding: 0 0 0 10px;
}

.popup-box.style-2 h3 {
    padding-top: 0;
}

.popup-box li {
    list-style: none;
    margin: 0 0 4px !important;
    padding: 0;
    text-align: left;
    color: #fff;
}
.popup-box li:last-child {
    margin-bottom: 0 !important;
}

header .leftPart .appSwitcher .dropdown-menu {
    flex: none;
    list-style: none;
    margin: 0;
    padding: 0 0 4px;
    min-width: unset;
}

header .leftPart .appSwitcher .dropdown-menu > li {
    width: 100px;
    height: 100px;
    float: left;
    margin: 4px 2px 0;
    font-size: 12px;
    text-align: center;
    color: #fff;
    text-align: center;
    background: #0078d7;
    overflow: hidden;
}

header .leftPart .appSwitcher .dropdown-menu > li > a {
    display: flex;
    color: #fff;
    white-space: normal;
    padding: 0px 0 10px;
    background: none;
    height: 100%;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

header .leftPart .appSwitcher .dropdown-menu > li > a img {
    display: block;
    height: auto;
    margin: 18px 0 0px 0;
}


header .leftPart .appSwitcher .dropdown-menu > li > a span {
    margin-top: 4px;
    margin-bottom: -6px;
    word-break: break-word;
    height: 30px;
}

header .navbar-right {
    margin: 0;
}

header .navbar-inverse {
    display: none;
    border-radius: 0;
    min-height: inherit;
    margin: 0;
}

header .navbar-inverse #logoutForm {
    margin: 0;
}

header .navbar-inverse .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #bbb;
}

.navbar.navbar-inverse .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.body-content.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#btnAttachScript {
    float: right;
    color: #fff;
    border: 1px solid #afafaf;
    background: #439ab5;
}

#btnAttachScript:hover {
    background: #222;
    color: #fff;
    border-color: #333;
}

#tabstrip-1 .panel-default {
    margin-bottom: 0;
}

.tab-content-parent .panel-default {
    height: 100%;
    box-shadow: none;
}

#inner-script-vertical-bottom-content #tabstrip-second {
    height: 100%;
    border: none;
}

#manageTenantError {
    padding: 0;
    text-align: center;
}

#scriptTopButtons {
    display: inline-block;
    padding: 0;
    list-style: none;
    /*
    position: absolute;
    right: 0;
    top: 0;
    margin: 4px;	*/
}

#scriptTopButtons li {
    display: inline-block;
    margin: 0px;
    float: left;
    position: relative;
    z-index: 9999;
}

#ruleSetsList {
    left: 10px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    overflow: hidden;
}

#ruleSetsList .divider {
    margin: 0;
    width: 100%;
}

#ruleSetsList li:first-child a {
    font-style: italic;
}

#ruleSetsList li {
    float: none;
    display: block;
}

#ruleSetsList li a {
    padding: 10px;
}

#scriptTopButtons li button {
    padding: 4px;
    font-size: 11px;
    line-height: 0px;
    background: #f9f9f9;
    color: #757575;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 23px;
    width: 37px;
    text-align: center;
    overflow: hidden;
    margin-left: 2px;
}

#btnCopyScriptUrl,
#btnCopyTxtRecord,
#btnHelpTxtRecord {
    font-size: 16px;
    line-height: 1;
    border: none;
    background: none;
}

#scriptTopButtons li button.share-btn__folder {
    padding: 0px;
    background: none;
    border: none;
}

#scriptTopButtons li button.share-btn__folder img {
    width: 96%;
}

#scriptTopButtons li button .glyphicon {
    /* float: left; */
    font-size: 12px;
    margin: 1px 2px 0 0;
    line-height: 0;
    /* margin-left: auto; */
    /* margin-right: auto; */
    top: 0px;
}

#tabstrip-second .k-content {
    overflow: auto;
}

#tabstrip-second .k-content.script-notepad-container {
    overflow: hidden;
}

.runningStatusImage {
    margin: -2px 0 0 4px;
    width: 13px;
    height: auto;
}

.credentialOptionImage {
    margin: -2px 0 0 4px;
    width: 25px;
    height: auto;
}

#tabstrip-second .formSection {
    border-radius: 5px;
    background: var(--light-gray);
    margin: 3px 5px 5px;
    padding: 10px 15px;
    position: relative;
}

#tabstrip-second .formSection .left_column {
    border-right: 1px solid #e3e3e3;
}

#tabstrip-second .formSection .right_column {
    padding-left: 20px;
}

#tabstrip-second .formSection.padTop10 {
    padding-top: 10px;
}





#tabstrip-second .formSection h3.sectionLegend {
    margin: 0;
    color: var(--default-black);
    font-size: 13px;
    /* font-weight: bold; */
    /* padding: 5px 15px; */
    /* position: absolute; */
    /* top: -12px; */
    /* left: 12px; */
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}

#tabstrip-second .formSection h3.sectionLegend.bottomHeadeing {
    margin-top: 15px !important;
}

#tabstrip-second .formSection h3.sectionLegend:after {
    position: absolute;
    width: 50%;
    height: 1px;
    border-bottom: 1px solid #C8C8C8;
    content: "";
    left: 0;
    bottom: -6px;
    width: 75%;
}

#tabstrip-second .permissionOptions {
    list-style: none;
    max-width: 460px;
}

#chkViewSelfGeneratedRunInstances,
#chkViewScriptExecutionLog,
#chkViewScriptRunInstancesTimeline,
#chkViewScriptLogViews {
    position: relative;
    top: 4px;
    margin-left: 3px;
}

#chkAllowAddDatatableRecordThroughUI,
#chkAllowEditDatatableRecordThroughUI,
#chkAllowDeleteDatatableRecordsThroughUI {
    position: relative;
    top: 4px;
    margin-left: 3px;
}

#tabstrip-second .retentionOptions select,
#tabstrip-second .retentionOptions input[type="text"] {
    height: 30px;
}

#tabstrip-second .credentialsOptions select,
#tabstrip-second .executionOptions select,
#tabstrip-second .psExecutionOptions select,
#tabstrip-second .retentionOptions select,
#tabstrip-second .queueStatus select,
#tabstrip-second .permissionOptions select {
    margin-left: 5px;
    min-width: 150px;
    padding: 2px 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

#tabstrip-second .credentialsOptions input[type="text"],
#tabstrip-second .psExecutionOptions input[type="text"],
#tabstrip-second .credentialsOptions input[type="password"],
#tabstrip-second .retentionOptions input[type="text"] {
    margin-left: 5px;
    min-width: 150px;
    padding: 5px 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

#tabstrip-second .retentionOptions input#txtRetentionNumber {
    min-width: 60px;
    width: 60px;
    min-height: 30px;
}

#tabstrip-second .retentionOptions select#ddlRetentionUnit {
    min-width: 80px;
}

#tabstrip-second .psExecutionOptions select {
    padding: 5px;
}

#tabstrip-second .description-container input[type="checkbox"] {
    position: relative;
    top: 4px;
    margin-right: 3px;
}

/*Permission Modal*/
#permissionModalButton {
    padding: 0 !important;
    height: 15px !important;
}

#permissionModalButton:disabled {
    opacity: .35;
}

.permissionModal .searchArea #loader {
    float: right;
    margin: 4px 200px 0 0;
}



.permissionModal .showingSelectedUsers table th,
.permissionModal .showingSelectedUsers table td {
    padding: 1px 5px;
    width: 13%;
    text-align: center;
}

.permissionModal .showingSelectedUsers table th:nth-child(1),
.permissionModal .showingSelectedUsers table td:nth-child(1) {
    width: 50%;
    text-align: left;
}

.permissionModal .showingSelectedUsers table.permissionConnectIDTable th,
.permissionModal .showingSelectedUsers table.permissionConnectIDTable td {
    padding: 1px 5px;
    width: 80px;
    text-align: center;
}

.permissionModal .showingSelectedUsers table.permissionConnectIDTable th:nth-child(1),
.permissionModal .showingSelectedUsers table.permissionConnectIDTable td:nth-child(1) {
    width: 300px;
    text-align: left;
}

.permissionModal .showingSelectedUsers table.permissionDelegateTable th,
.permissionModal .showingSelectedUsers table.permissionDelegateTable td {
    padding: 1px 5px;
    width: 75px;
    text-align: center;
}

.permissionModal .showingSelectedUsers table.permissionDelegateTable th:nth-child(1),
.permissionModal .showingSelectedUsers table.permissionDelegateTable td:nth-child(1) {
    width: 290px;
    text-align: left;
}

.permissionModal .showingSelectedUsers table.permissionModalEnvSharingTable th,
.permissionModal .showingSelectedUsers table.permissionModalEnvSharingTable td {
    padding: 1px 5px;
    width: 100px;
    text-align: center;
}

.permissionModal .showingSelectedUsers table.permissionModalEnvSharingTable th:nth-child(1),
.permissionModal .showingSelectedUsers table.permissionModalEnvSharingTable td:nth-child(1) {
    width: 440px;
    text-align: left;
}



.permissionModal #divShowUserInfo {
    position: relative;
}


/*Permission Modal*/
#permissionModalButton:disabled {
    opacity: .35;
}

.parametersModal .modal-dialog {
    width: 600px;
    /* height: calc(100vh - 62px); */
}

.parametersModal .searchArea #loader {
    float: right;
    margin: 4px 200px 0 0;
}

.parametersModal .searchArea input {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.parametersModal .searchArea #btnSearchUser {
    height: 26px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
}

.parametersModal .showingUserInfo .error {
    color: red;
    margin: 5px 0 0;
    font-size: 12px;
}

.parametersModal .showingUserInfo .info {
    color: #68714c;
    margin: 5px 0 0;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 7px;
}

.parametersModal .success {
    margin: 5px 0 0;
    background: var(--light-gray);
    padding: 8px 10px;
    border-radius: 5px;
}

.parametersModal .success ul.userInfo {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding-right: 80px;
}

.parametersModal .success ul.userInfo > li {
    display: inline-block;
    margin-right: 25px;
    margin-top: 7px;
}

.parametersModal .success ul.userInfo > li:nth-child(1) {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0;
}

.parametersModal .success ul.userInfo > li:last-child {
    margin-right: 0px;
}

.parametersModal .success ul.userInfo > li label {
    display: block;
    margin-bottom: 2px;
    font-size: 10px;
    text-transform: uppercase;
    color: #888;
    font-weight: normal;
}

.parametersModal .success .selectPermission {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.parametersModal .success .selectPermission select {
    display: inline-block;
    float: left;
    width: 160px;
    margin-right: 10px;
    height: 26px;
}

.parametersModal .success .selectPermission button {
    height: 26px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
}

.parametersModal .modal-body .showingSelectedUsers h3 {
    font-size: 13px;
}

.parametersModal .showingSelectedUsers .tableWrap {
    max-height: 258px;
    overflow-y: auto;
}

.parametersModal .showingSelectedUsers table {
    width: 100%;
}

.parametersModal .showingSelectedUsers table th,
.parametersModal .showingSelectedUsers table td {
    border: 1px solid #cccccc;
    padding: 1px 5px;
    width: 13%;
    min-width: 70px;
    text-align: center;
}

.parametersModal .showingSelectedUsers table th {
    background: #f3f3f3;
    padding: 3px 5px;
}

.parametersModal .showingSelectedUsers table th:nth-child(1),
.parametersModal .showingSelectedUsers table td:nth-child(1) {
    width: 50%;
    text-align: left;
}

.parametersModal .showingSelectedUsers table td button {
    background: none;
    border: none;
    color: #ff0000;
    font-size: 12px;
}

.parametersModal #divShowUserInfo,
#divShowUserInfoEnvSharing {
    position: relative;
}

.parametersModal #h3ParameterPromptText {
    font-size: 12px;
    text-align: left;
    margin-left: 0px;
    font-weight: bold;
}

.parametersModal #h3ParameterPromptText:empty {
    display: none;
}

.parametersModal #tblScriptParamsForRun td {
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
}

.parametersModal #tblScriptParamsForRun th {
    min-width: 120px;
}

.parametersModal #tblScriptParamsForRun .select2.select2-container {
    top: 0;
    margin-left: 0px;
    width: 100% !important;
    margin-left: -5px;
}

.parametersModal table#tblScriptParamsForRun {
    width: 100%;
}

.parametersModal #tblScriptParamsForRun td:first-child {
    width: 30px;
}

#parametersModal .modal-header {
    display: flex;
    align-items: center;
}

#paramMinimizeButton {
    padding: 10px;
    margin-left: auto;
    color: #777;
}

#paramMinimizeButton .glyphicon {
    transform: scale(1.3);
}

#paramMinimizeButton:hover .glyphicon {
    color: #000;
}

h3#parametersHeaderView {
    padding: 5px 5px 5px 5px;
}

h3#parametersHeaderView .large {
    font-size: 20px;
    /* font-weight: normal; */
    display: block;
    margin-bottom: 8px;
}

h3#parametersHeaderView .small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    /* color: #fff; */
}

.connectIdModal .searchArea form {
    width: 100%;
}

.connectIdModal .searchArea input {
    display: inline-block;
}

#connectIdModal .searchArea i.fa-search {
    font-size: 14px;
    top: 12px;
    left: 10px;
}
#connectIdModal .searchArea input {
    padding-left: 34px !important;
}

.connectIdModal .searchArea .add-icon {
    margin-left: 10px;
}

.connectIdModal .searchArea #btnSearchUser {
    height: 26px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
}

.connectIdModal .showingUserInfo .error {
    color: red;
    margin: 5px 0 0;
    font-size: 12px;
}

.connectIdModal .success {
    margin: 5px 0 0;
    background: var(--light-gray);
    padding: 8px 10px;
    border-radius: 5px;
}

.connectIdModal .success ul.userInfo {
    font-size: 12px;
    list-style: none;
}

.connectIdModal .success ul.userInfo > li {
    display: inline-block;
    margin-right: 25px;
    margin-top: 7px;
}

.connectIdModal .success ul.userInfo > li:nth-child(1) {
    display: block;
    font-size: 13px;
    font-weight: bold;
}

.connectIdModal .success ul.userInfo > li:last-child {
    margin-right: 0px;
}

.connectIdModal .success ul.userInfo > li label {
    display: block;
    margin-bottom: 2px;
    font-size: 10px;
    text-transform: uppercase;
    color: #888;
    font-weight: normal;
}

.connectIdModal .success .selectPermission select {
    display: inline-block;
    float: left;
    width: 160px;
    margin-right: 10px;
    height: 26px;
}

.connectIdModal .success .selectPermission button {
    height: 26px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
}

.connectIdModal .modal-body .showingSelectedUsers h3 {
    font-size: 13px;
}

#tblConnectIdList.hasHoverEffect .username:hover,
#tblConnectIdList.hasHoverEffect .userid:hover {
    cursor: pointer;
}


#btnManageConnectId:disabled {
    opacity: .35;
}

.connectIdModal .connectIdsCount {
    float: left;
    font-size: 11px;
    margin-left: -5px;
    color: #333333;
    padding: 5px 10px;
    border-radius: 5px;
}

.connectIdModal .connectIdsCount span {
    font-weight: bold;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

ul.select2-selection__rendered {
    padding-right: 30px !important;
}

ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    border-top: 4px solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #333;
}

#tabstrip-second .credentialsOptions input#credentialUserName {
    margin-left: 15px;
}

.appstore-container {
    margin-left: -2px;
}
#store.appstore-container {
    position: relative;
    height: 100%;
    background-color: #fff;
}

.myConnectIds-btns {
    position: absolute;
    top: 10px;
    right: 10px;
}

.appstore-container h1.store-title {
    text-align: center;
    font-size: 18px;
    background: var(--light-gray);
    margin: 0;
    padding: 8px 10px 8px 20px;
    position: relative;
}

.connectIdAssignments {
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    /* background: #fff; */
    color: var(--default-black);
    margin: 0 0 0;
    margin-top: 10px;
    padding: 8px 12px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    /* box-shadow: 2px 1px 4px 0px rgb(0 0 0 / 16%); */
}

.appstore-container .storeitems {
    padding: 24px 10px 0;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: #ffff;
    display: flex;
    flex-wrap: wrap;
    max-height: 100%;
}

.appstore-container .store-item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

.appstore-container .detailedStoreItem {
    background: #fdfdfd;
    padding: 24px;
    overflow: hidden;
    border: 1px solid #E9ECEF;
    box-shadow: 6px 12px 20px 0px rgba(108, 117, 125, 0.1);
    height: 100%;
    border-radius: 5px;
    transition: all .3s;
}

.appstore-container .detailedStoreItem .left {
    float: left;
    width: calc(100% - 90px);
}

.appstore-container .detailedStoreItem .right {
    float: right;
    width: 90px;
}

.appstore-container .detailedStoreItem .thumbnail-content .title {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin: 0 0 8px;
}

.appstore-container .detailedStoreItem .thumbnail-content .publisher {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    margin: 0 0 18px;
    background: #E9ECEF;
    color: var(--default-gray);
    padding: 2px 12px;
    border-radius: 16px;
}

.appstore-container .storeitems .store-item .img-holder {
    float: right;
    height: 80px;
    width: 80px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIHZpZXdCb3g9IjAgMCA5NCA5NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA1NC40ODkxQzIuMzI4MjYgNTQuNDg5MyAzIDU1LjE2MDggMyA1NS45ODkxVjYwLjU0MTlIMjguNzQxMkMzNS43NjE3IDYwLjU0MjEgNDEuNTIyNCA2NS44MzAyIDQyLjI2NjYgNzIuNjQ5M0g1NS45ODI0QzYzLjUwOTkgNzIuNjQ5NiA2OS41ODg4IDc4LjcyOTEgNjkuNTg4OSA4Ni4yNTY3QzY5LjU4ODggODcuMDg0OSA2OC45MTcxIDg3Ljc1NjUgNjguMDg4OSA4Ny43NTY3SDNWOTIuMzExNEwyLjk5MjE5IDkyLjQ2NDdDMi45MTU0NiA5My4yMjExIDIuMjc2NTUgOTMuODExMiAxLjUgOTMuODExNEMwLjcyMzMxMiA5My44MTE0IDAuMDg0NTc3MSA5My4yMjEyIDAuMDA3ODEyNSA5Mi40NjQ3TDAgOTIuMzExNFY1NS45ODkxQzAgNTUuMTYwNyAwLjY3MTU3MyA1NC40ODkxIDEuNSA1NC40ODkxWk0zIDg0Ljc1NjdINjYuNDgyNEM2NS43NTY2IDc5LjU5OTkgNjEuMzQzNSA3NS42NDk2IDU1Ljk4MjQgNzUuNjQ5M0g0MC44NDg2QzQwLjg0MjIgNzUuNjQ5MyA0MC44MzU1IDc1LjY0ODQgNDAuODI5MSA3NS42NDgzSDI1LjcxMzlDMjQuODg1NCA3NS42NDgzIDI0LjIxMzkgNzQuOTc2NyAyNC4yMTM5IDc0LjE0ODNDMjQuMjE0MSA3My4zMjAxIDI0Ljg4NTYgNzIuNjQ4MyAyNS43MTM5IDcyLjY0ODNIMzkuMjQxMkMzOC41MTQ5IDY3LjQ5MTggMzQuMTAyMSA2My41NDIxIDI4Ljc0MTIgNjMuNTQxOUgzVjg0Ljc1NjdaTTcyLjE0NDUgMS44NjkwMkM3My43ODkzIDAuMDU5ODI2NyA3Ni4zNjMzIC0wLjQ4MDA3NyA3OC41OTA4IDAuNDQzMjM3QzgwLjgxNzMgMS4zNjY0NCA4Mi4yNTIgMy41OTgzMSA4Mi4wOTY3IDYuMDI0MjlMODIuMDk3NyA2LjAyNTI3TDgxLjkzNjUgOS4wNTI2MUM4MS45MzYyIDkuMDU5MTMgODEuOTM1IDkuMDY1NjMgODEuOTM0NiA5LjA3MjE0QzgxLjg4MjcgOS44NTA0OCA4Mi4xNjc4IDEwLjU5ODMgODIuNzEgMTEuMTQwNUM4My4yNTIgMTEuNjgyNSA4My45OTkzIDExLjk2NjYgODQuNzc3MyAxMS45MTQ5Qzg0Ljc4MzkgMTEuOTE0NSA4NC43OTEzIDExLjkxNDMgODQuNzk3OSAxMS45MTM5TDg3LjgyNDIgMTEuNzUyOEw4Ny44MzU5IDExLjc1MThDOTAuMjM3NSAxMS42NDI3IDkyLjQ3MDIgMTMuMDU2IDkzLjQwMTQgMTUuMjQ2OUM5NC4zNDQyIDE3LjQ2NTkgOTMuNzI3MSAyMC4wNjg0IDkxLjk5NzEgMjEuNjkwM0M5MS45OTE2IDIxLjY5NTQgOTEuOTg2IDIxLjcwMDkgOTEuOTgwNSAyMS43MDU5TDg5Ljc2MDcgMjMuNzIzNUM4OS4xNzE0IDI0LjI1OTMgODguODM4OSAyNC45OTI0IDg4LjgzODkgMjUuNzYxNkM4OC44Mzg5IDI2LjUzMDggODkuMTcxNCAyNy4yNjM5IDg5Ljc2MDcgMjcuNzk5N0w5MS45ODA1IDI5LjgxNzNDOTMuNzg5OSAzMS40NjIyIDk0LjMyOTkgMzQuMDM2OCA5My40MDYyIDM2LjI2NDVDOTIuNDggMzguNDk4IDkwLjIzNjYgMzkuOTM1NCA4Ny44MDE4IDM5Ljc2OTRWMzkuNzY4NEw4NC43OTc5IDM5LjYwOTNDODQuNzkxMyAzOS42MDg5IDg0Ljc4MzkgMzkuNjA4NyA4NC43NzczIDM5LjYwODNDODMuOTk5MiAzOS41NTY1IDgzLjI1MjEgMzkuODQwNiA4Mi43MSA0MC4zODI3QzgyLjIwMTYgNDAuODkxMSA4MS45MTkxIDQxLjU4IDgxLjkyODcgNDIuMzA1NUw4MS45MzQ2IDQyLjQ1MUw4MS45MzY1IDQyLjQ3MDZMODIuMDk3NyA0NS40OTc5VjQ1LjUwOTZDODIuMjA2NyA0Ny45MTExIDgwLjc5NDMgNTAuMTQyOSA3OC42MDM1IDUxLjA3NDFDNzYuMzg0NiA1Mi4wMTcxIDczLjc4MjEgNTEuNDAwOCA3Mi4xNjAyIDQ5LjY3MDhDNzIuMTUxOSA0OS42NjE5IDcyLjE0MzggNDkuNjUyNSA3Mi4xMzU3IDQ5LjY0MzRMNzAuMTI3IDQ3LjM5MzRMNjkuOTI0OCA0Ny4xOTQyQzY5LjQzMjMgNDYuNzU1OCA2OC43OTIgNDYuNTEyNiA2OC4wODg5IDQ2LjUxMjZDNjcuMjg1MyA0Ni41MTI2IDY2LjU2MzMgNDYuODI5NiA2Ni4wNTA4IDQ3LjM5MzRMNjQuMDQyIDQ5LjY0MzRMNjQuMDMzMiA0OS42NTMyQzYyLjM4ODQgNTEuNDYyNSA1OS44MTQ1IDUyLjAwMzQgNTcuNTg2OSA1MS4wOEM1NS4zNjAzIDUwLjE1NjYgNTMuOTI0NCA0Ny45MjQxIDU0LjA4MDEgNDUuNDk3OUw1NC4yNDIyIDQyLjQ3MDZMNTQuMjQzMiA0Mi40NTFDNTQuMjk1IDQxLjY3MjcgNTQuMDEgNDAuOTI0OSA1My40Njc4IDQwLjM4MjdDNTIuOTI1NiAzOS44NDA3IDUyLjE3ODUgMzkuNTU2NSA1MS40MDA0IDM5LjYwODNDNTEuMzkzOCAzOS42MDg3IDUxLjM4NjUgMzkuNjA4OSA1MS4zNzk5IDM5LjYwOTNMNDguMzUzNSAzOS43NzA0TDQ4LjM0MTggMzkuNzcxNEM0NS45NDA1IDM5Ljg4MDUgNDMuNjg1MiAzOC40NjMyIDQyLjc5OTggMzYuMTk0Mkw0Mi44MDA4IDM2LjE5MzJDNDEuODg3MiAzMy45NTQgNDIuNDg5NiAzMS4zODkgNDQuMjk2OSAyOS44MDA3TDQ2LjQ5OCAyNy43OTk3QzQ3LjA2MTggMjcuMjg3MSA0Ny4zNzg5IDI2LjU2NTIgNDcuMzc4OSAyNS43NjE2QzQ3LjM3ODkgMjQuOTg4MiA0Ny4wNDI2IDI0LjI0MyA0Ni40NzI3IDIzLjcwMDFINDYuNDcxN0w0NC4yNzgzIDIxLjcwNTlDNDIuNDY5IDIwLjA2MSA0MS45Mjg5IDE3LjQ4NjMgNDIuODUyNSAxNS4yNTg3QzQzLjc3ODcgMTMuMDI1MyA0Ni4wMjEzIDExLjU4NzkgNDguNDU2MSAxMS43NTM4SDQ4LjQ1NTFMNTEuNDYwOSAxMS45MTM5TDUxLjQ4MDUgMTEuOTE0OUM1Mi4yNTg3IDExLjk2NjggNTMuMDA2NiAxMS42ODI3IDUzLjU0ODggMTEuMTQwNUM1NC4wOTEgMTAuNTk4MyA1NC4zNzUxIDkuODUwNTMgNTQuMzIzMiA5LjA3MjE0QzU0LjMyMjggOS4wNjU2NiA1NC4zMjI2IDkuMDU5MSA1NC4zMjIzIDkuMDUyNjFMNTQuMTYxMSA2LjAyNTI3TDU0LjE2MDIgNi4wMTM1NUM1NC4wNTA0IDMuNTk2NTEgNTUuNDgyNSAxLjM5MjQyIDU3LjczNjMgMC41MTI1NzNDNTkuODgwOCAtMC4zMjQzMTUgNjIuMzAzMSAwLjE1MzA1MiA2My45NDI0IDEuNzczMzJMNjQuMDk4NiAxLjkzMzQ3TDY0LjExNDMgMS45NTAwN0w2Ni4xMzE4IDQuMTY5OEM2Ni4xNzkzIDQuMjIxOTkgNjYuMjIwOSA0LjI3Nzk1IDY2LjI1OTggNC4zMzQ4NEM2Ni43NTEzIDQuNzY5NTEgNjcuMzg5IDUuMDEwNTggNjguMDg4OSA1LjAxMDYyQzY4Ljg5MjQgNS4wMTA2MiA2OS42MTQ0IDQuNjkzNSA3MC4xMjcgNC4xMjk3Nkw3Mi4xMzU3IDEuODc5NzZMNzIuMTQ0NSAxLjg2OTAyWk03Ny40NDI0IDMuMjE0NzJDNzYuMzY1MSAyLjc2ODA4IDc1LjE0OTkgMy4wMzA2IDc0LjM3MyAzLjg3NjgzTDcyLjM1NTUgNi4xMzc1N0w3Mi4zNDY3IDYuMTQ3MzRDNzEuMjQ1IDcuMzU5MjIgNjkuNzA2NiA4LjAxMDYyIDY4LjA4ODkgOC4wMTA2MkM2Ni40NzExIDguMDEwNTcgNjQuOTMyNyA3LjM1OTIxIDYzLjgzMTEgNi4xNDczNEM2My43NjAzIDYuMDY5NDYgNjMuNyA1Ljk4NTE0IDYzLjY0ODQgNS44OTczNEw2MS45MDkyIDMuOTg1MjNMNjEuNzU3OCAzLjgzNDg0QzYwLjk3NjggMy4xMTkxNiA1OS44NTQzIDIuOTA2NjYgNTguODI3MSAzLjMwNzVDNTcuNzc1OSAzLjcxNzk3IDU3LjExMDcgNC43MzY2MyA1Ny4xNTcyIDUuODY2MDlMNTcuMzE3NCA4Ljg3MjkyTDU3LjMyOTEgOS4xODA1NEM1Ny4zNDg3IDEwLjcxMzUgNTYuNzUwNiAxMi4xODA5IDU1LjY2OTkgMTMuMjYxNkM1NC41MjE3IDE0LjQwOTggNTIuOTM2OSAxNS4wMTI2IDUxLjMwMDggMTQuOTA5MUg1MS4yODEyVjE0LjkwODFMNDguMjc0NCAxNC43NDc5QzQ4LjI2NzEgMTQuNzQ3NSA0OC4yNTkzIDE0Ljc0NzQgNDguMjUyIDE0Ljc0NjlDNDcuMTM1NyAxNC42NzEgNDYuMDY5IDE1LjMzMjUgNDUuNjIzIDE2LjQwODFDNDUuMTc0OCAxNy40ODk2IDQ1LjQ0MTkgMTguNzA5NyA0Ni4yOTU5IDE5LjQ4NjJMNDguNTE1NiAyMS41MDM4TDQ4LjU0MSAyMS41MjcyQzQ5LjY2NTkgMjIuNTk4NSA1MC4zNzg5IDI0LjExMzcgNTAuMzc4OSAyNS43NjE2QzUwLjM3ODkgMjcuMzc5NCA0OS43Mjc1IDI4LjkxNzcgNDguNTE1NiAzMC4wMTk0TDQ2LjI5NTkgMzIuMDM3QzQ2LjI4OTcgMzIuMDQyNiA0Ni4yODM2IDMyLjA0OSA0Ni4yNzczIDMyLjA1NDZDNDUuNDgyNSAzMi43NTMzIDQ1LjE4MDMgMzMuODYyMiA0NS41MDg4IDM0Ljg3MzlMNDUuNTgzIDM1LjA3NTFMNDUuNTk0NyAzNS4xMDQ0QzQ1Ljk5OTQgMzYuMTQwOSA0Ny4wNDgyIDM2LjgyMTIgNDguMTkzNCAzNi43NzQzTDUxLjIwMDIgMzYuNjE0MUM1Mi44NDMzIDM2LjUwNDYgNTQuNDM3MSAzNy4xMDg4IDU1LjU4OTggMzguMjYxNkM1Ni43Mzc2IDM5LjQwOTYgNTcuMzM5NSA0MC45OTQxIDU3LjIzNjMgNDIuNjI5OEw1Ny4yMzczIDQyLjYzMDdMNTcuMDc2MiA0NS42NTcxQzU3LjA3NTggNDUuNjY0NSA1Ny4wNzU3IDQ1LjY3MjIgNTcuMDc1MiA0NS42Nzk2QzU2Ljk5OTEgNDYuNzk2IDU3LjY1OTkgNDcuODYyNCA1OC43MzU0IDQ4LjMwODVDNTkuODE2OSA0OC43NTY5IDYxLjAzNyA0OC40ODk4IDYxLjgxMzUgNDcuNjM1Nkw2My44MjIzIDQ1LjM4NTZMNjMuODMxMSA0NS4zNzU5QzY0LjkzMjcgNDQuMTY0IDY2LjQ3MTEgNDMuNTEyNiA2OC4wODg5IDQzLjUxMjZDNjkuNjA1NSA0My41MTI2IDcxLjA1MjEgNDQuMDg1MSA3Mi4xMzQ4IDQ1LjE1NTJMNzIuMzQ2NyA0NS4zNzU5TDcyLjM1NTUgNDUuMzg1Nkw3NC4zNjMzIDQ3LjYzMjdDNzUuMTYzNCA0OC40NzM5IDc2LjQyNTkgNDguNzM5OCA3Ny40Mjk3IDQ4LjMxMzRDNzguNDYzOCA0Ny44NzM4IDc5LjE0ODcgNDYuODAyNyA3OS4xMDE2IDQ1LjY1NzFMNzguOTQwNCA0Mi42MzA3VjQyLjYyOThDNzguODM3MyA0MC45OTQxIDc5LjQ0MDIgMzkuNDA5NiA4MC41ODc5IDM4LjI2MTZDODEuNzM4OSAzNy4xMTA2IDgzLjMyOTQgMzYuNTA2IDg0Ljk2OTcgMzYuNjEzMkw4NC45Nzc1IDM2LjYxNDFIODQuOTc2Nkw4Ny45ODQ0IDM2Ljc3NDNMODguMDA1OSAzNi43NzYyQzg5LjEyMjMgMzYuODUyNCA5MC4xODg3IDM2LjE5MDggOTAuNjM0OCAzNS4xMTUxQzkxLjA4MzIgMzQuMDMzNSA5MC44MTY5IDMyLjgxMzUgODkuOTYyOSAzMi4wMzdIODkuOTYxOUw4Ny43NDMyIDMwLjAxOTRDODYuNTU2OSAyOC45NDA5IDg1LjgzODkgMjcuNDEzNyA4NS44Mzg5IDI1Ljc2MTZDODUuODM4OSAyNC4xMDk0IDg2LjU1NjkgMjIuNTgyMyA4Ny43NDMyIDIxLjUwMzhMODkuOTUwMiAxOS40OTZDOTAuNzk4OSAxOC42OTYyIDkxLjA2ODkgMTcuNDI3NCA5MC42NDA2IDE2LjQxOThDOTAuMTk5NiAxNS4zODIzIDg5LjEyMjMgMTQuNjk2OCA4Ny45NzI3IDE0Ljc0ODlMODcuOTcxNyAxNC43NDc5TDg0Ljk3NjYgMTQuOTA4MUM4NC45NzQgMTQuOTA4MyA4NC45NzEzIDE0LjkwODkgODQuOTY4OCAxNC45MDkxTDg0Ljk1NyAxNC45MUw4NC45NTYxIDE0LjkwOTFDODMuMzIwNSAxNS4wMTIgODEuNzM1NyAxNC40MDk0IDgwLjU4NzkgMTMuMjYxNkM3OS40MzU0IDEyLjEwODkgNzguODMxOSAxMC41MTU4IDc4Ljk0MTQgOC44NzI5Mkw3OS4xMDE2IDUuODY2MDlMNzkuMTAzNSA1Ljg0MzYzQzc5LjE3OTYgNC43MjcxNSA3OC41MTggMy42NjA3NyA3Ny40NDI0IDMuMjE0NzJaTTY4LjA4ODkgMTguMTY2OUM3Mi4yNjY4IDE4LjE2NjkgNzUuNjQyNCAyMS41NDI3IDc1LjY0MjYgMjUuNzIwNkM3NS42NDI2IDI5Ljg5ODcgNzIuMjY2OSAzMy4yNzQyIDY4LjA4ODkgMzMuMjc0M0M2My45MTA4IDMzLjI3NDIgNjAuNTM1MiAyOS44OTg3IDYwLjUzNTIgMjUuNzIwNkM2MC41MzU0IDIxLjU0MjcgNjMuOTExIDE4LjE2NyA2OC4wODg5IDE4LjE2NjlaTTY4LjA4ODkgMjEuMTY2OUM2NS41Njc5IDIxLjE2NyA2My41MzU0IDIzLjE5OTUgNjMuNTM1MiAyNS43MjA2QzYzLjUzNTIgMjguMjQxOSA2NS41Njc4IDMwLjI3NDIgNjguMDg4OSAzMC4yNzQzQzcwLjYxIDMwLjI3NDIgNzIuNjQyNiAyOC4yNDE5IDcyLjY0MjYgMjUuNzIwNkM3Mi42NDI0IDIzLjE5OTUgNzAuNjA5OSAyMS4xNjY5IDY4LjA4ODkgMjEuMTY2OVoiIGZpbGw9IiNBREI1QkQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    margin-bottom: 5px;
}

.appstore-container .detailedStoreItem .right a.install-btn {
    display: block;
    width: 65px;
    height: 65px;
    clear: both;
    float: right;
    margin-right: 7px;
    background: url('Images/icon-download.png') 0 0 no-repeat;
}

.appstore-container .detailedStoreItem .right a.install-btn:hover {
    background: url('Images/icon-download.png') 0 bottom no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tabstrip-second .credentialsOptions input#credentialUserName {
        margin-left: 13px;
    }
}

#tabstrip-second .credentialsOptions input[type="text"] {
    margin-right: 7px;
}

#tabstrip-second .credentialsOptions li.fullWidth {
    width: 100%;
    max-width: inherit;
}

#tabstrip-second .credentialsOptions li.hide {
    margin-bottom: 0;
}

#tabstrip-second .credentialsOptions li.fullWidth input {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

#chkRunScriptWithSelectiveConnectIds {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

#tabstrip-second .modulesTab .select2.select2-container {
    width: 45%;
    min-width: 400px;
}

#tabstrip-second .modulesTab .select2.select2-container .select2-selection {
    border: 1px solid #ccc;
    min-height: 28px;
}

#tabstrip-second .scheduleTab .customScheduleInner {
    padding: 7px;
    margin-top: 15px;
    border: 1px solid #dcdcdc;
    background: #eee;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
}

#tabstrip-second .scheduleTab .schedule-script-btn {
    position: absolute;
    top: 22px;
    right: 18px;
}


#tabstrip-second #btnAddRulesets {
    margin: 0px 0 10px 38px;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
    box-shadow: 0 0 1px #999;
}

#tabstrip-second #btnAddActions {
    margin: 0px 0 0px 0px;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px 0 0 3px;
    height: 21px;
    box-shadow: 0 0 1px #999;
    float: left;
}

#tabstrip-second #btnSaveCredential {
    margin: 12px 0 0 0;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    /* edited by Bidhu 20 23112016 */
    top: 0px;
    /* edited by Bidhu 20 23112016 */
    box-shadow: 0 0 1px #999;
}

#tabstrip-second .scheduleTab .formControl {
    overflow: hidden;
}

#tabstrip-second .scheduleTab .formControl.hasRadio {
    padding-bottom: 11px;
}



#tabstrip-second .scheduleTab .formControl input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 2px;
}

#tabstrip-second .scheduleTab ul.weekdayScheduler {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabstrip-second .scheduleTab ul.weekdayScheduler li {
    float: left;
    margin: 0 5px 0 0;
}

#tabstrip-second .scheduleTab ul.weekdayScheduler li a {
    display: block;
    border: 1px solid #c0c0c0;
    background: #e6e6e6;
    color: var(--default-black);
    padding: 3px 8px;
    border-radius: 3px;
    text-decoration: none;
}

#tabstrip-second .scheduleTab ul.weekdayScheduler li a.active {
    border: 1px solid var(--default-black);
    background: var(--default-black);
    color: #fff !important;
}

#tabstrip-second .scheduleTab .selectAll a {
    font-weight: bold;
    color: var(--default-black);
}

#tabstrip-second .scheduleTab .selectAll a.active {
    opacity: .4;
}

#tabstrip-second #btnSaveSchedule :disabled {
    opacity: .35;
}

.page-with-padding {
    padding: 15px 30px;
    font-size: 13px;
}

.page-with-padding h2 {
    font-size: 26px;
}

.page-with-padding input[type="radio"] {
    margin-right: 5px;
}

.page-with-padding hr {
    border-color: #e2e2e2;
}

.page-with-padding .buttonsGroup {
    padding-top: 40px;
}

.page-with-padding .buttonsGroup > div {
    display: inline-block;
}

.page-with-padding input[type="button"],
.page-with-padding input[type="submit"] {
    background: #06537D !important;
    color: #fff !important;
    padding: 8px 15px;
    border-radius: 4px;
    border: none;
    min-width: 110px;
}

.credential-connect-id {
    padding-left: 21px;
    padding-top: 6px;
}

.credential-connect-id input[type="text"] {
    width: 142px;
    min-width: 150px !important;
}

input:-webkit-autofill {
    background: #fff !important;
}


/*footer*/
#main-horizontal {
    border: none;
}

.hide {
    display: none;
}

/*.gridRow {
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
}*/

.jsgrid-cell {
    word-wrap: break-word;
    /* IE 5.5+ and CSS3 */
    white-space: pre-wrap;
    /* CSS3 */
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
    padding-bottom: 3px;
}

.bottom-pane-tabscript .save-btn-right {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 80px;
    /* height: 17px; */
    background: #439ab5;
    font-size: 12px;
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 5px;
    padding: 3px;
}

.bottom-pane-tabscript .save-btn-right span {
    font-size: 11px;
}

.add-script-parameter-container table tr {
    background: none !important;
}

.add-script-parameter-container table tr td {
    border-bottom: 1px dashed rgba(50, 43, 79, 0.5) !important;
}

.add-script-parameter-container table tr th.action-cell,
.add-script-parameter-container table tr td.action-cell {
    width: 45px;
}

.add-script-parameter-container table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.05) !important;
}

.add-script-parameter-container table tr td:nth-child(1) {
    width: 150px;
}

.add-script-parameter-container table tr td select {
    padding: 3px;
    height: 18px;
    font-size: 11px;
    max-width: 200px;
}

.add-script-parameter-container .add-script-btn {
    background: #439ab5;
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

#tabstrip-second .modules-container .formSection {
    padding-left: 20px;
}

.panel-body {
    padding: 0px;
}

.questionMark {
    font-size: 14px;
    color: var(--default-black) !important;
    cursor: default;
}

.ui-tooltip {
    opacity: 0.8;
    border-radius: 4px;
    background: var(--default-black) !important;
    border: none !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 5px 8px !important;
    box-shadow: 3px 3px 6px 0 rgb(0 0 0 / 45%) !important;
    z-index: 99999;
}

.ui-tooltip:after {
    display: block;
    content: '';
    position: absolute;
    top: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--default-black);
}

/* bootstrap panel style overrides */
.panel-container {
    border: none;
    background: transparent;
}

/* overide jqgrid css */
.jqx-uc-grid {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
}

.jqx-uc-grid .jqx-grid-cell {
    font-size: 11px !important;
    font-family: "Roboto", sans-serif !important;
    border-color: #f3f3f3 !important;
}

.jqx-uc-grid .jqx-grid-cell-left-align {
    font-size: 11px !important;
    font-family: "Roboto", sans-serif !important;
}

.jqx-uc-grid .jqx-widget-header {
    font-weight: bold !important;
}

.jqx-grid-column-header {
    background: #666 !important;
    color: #fff;
}

.iconscontainer .jqx-widget-header {
    background: var(--border-color) !important;
}
.jqx-widget .jqx-grid-column-menubutton, 
.jqx-widget .jqx-grid-column-sortascbutton, 
.jqx-widget .jqx-grid-column-sortdescbutton, 
.jqx-widget .jqx-grid-column-filterbutton {
    background-color: var(--border-color) !important;
}

.jqx-menu-wrapper .jqx-widget {
    font-family: "Roboto", sans-serif !important;
    background-color: #fff;
}

.jqx-menu-wrapper .jqx-widget ul li {
    font-size: 11px !important;
    font-weight: bold;
}

/*Column Chooser Styles*/
#scriptTopButtons li button.columnChooserButton {
    width: 39px;
    height: 23px;
    padding: 0;
    float: right;
    background: url('Images/columnChooser-btn.png') 0 0 no-repeat;
    /* edited by bidhu */
    background-size: cover;
    border: none;
    border-radius: 4px;
}

/* added by bidhu */
/*save state button styles*/
#scriptTopButtons li button.saveStateButton {
    float: right;
    width: 39px;
    height: 23px;
    border: none;
    border-radius: 4px;
    background: url('Images/save-icon.png') 0 0 no-repeat;
    background-size: cover;
}

li.add-data {
    list-style: none;
}

li.add-data button {
    border: 1px solid #c7c7c7;
    border-bottom: 1px solid #fff;
    background-color: #f5f5f5;
    height: 26px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div[id*='columnChooser'] .jqx-popover-content {
    padding: 10px 0 0;
    min-width: 360px;
}

div[id*='columnChooser'] .jqx-popover-content .padRight0 {
    padding-right: 0;
}

div[id*='columnChooser'] .jqx-popover-content .col-xs-2 {
    padding-left: 0;
    padding-right: 0;
}

div[id*='columnChooser'] .jqx-popover-content .padLeft0 {
    padding-left: 0;
}

div[id*='columnChooser'] .jqx-popover-content span.heading {
    font-size: 11px;
    padding-bottom: 2px;
    display: inline-block;
}

div[id*='columnChooser'] .jqx-popover-content select {
    min-height: 135px;
    min-width: 124px;
    border-radius: 0;
    font-size: 12px;
}

div[id*='columnChooser'] .jqx-popover-content button[id*='columnChooserSelect'] {
    width: 30px;
    height: 30px;
    line-height: 26px;
    padding: 0;
    text-align: center;
    margin: 3px auto 0;
}

div[id*='columnChooser'] .jqx-popover-content button[id*='columnChooserSelect']:nth-child(1) {
    margin-top: 21px;
}

div[id*='columnChooser'] .jqx-popover-content button[id*='columnChooserSelect'] i {
    font-size: 12px;
}

div[id*='columnChooser'] .jqx-popover-content button[id*='columnChooserSelect']:nth-child(1) i {
    padding-left: 5px;
}

div[id*='columnChooser'] .jqx-popover-content button[id*='columnChooserSelect']:nth-child(4) i {
    padding-right: 2px;
}

div[id*='columnChooser'] .jqx-popover-content .buttonRow {
    clear: both;
    float: left;
    width: 100%;
    background: #e8e8e8;
    margin-top: 10px;
    text-align: right;
}

div[id*='columnChooser'] .jqx-popover-content .buttonRow button[id*='columnChooserApply'] {
    width: auto;
    margin: 7px 15px;
    padding: 0 10px;
    height: inherit;
    line-height: 23px;
    background: #439ab5;
    color: #fff;
    border: none;
    border-radius: 3px;
}

div[id*='columnChooser'] .jqx-popover-content .moveUpDown > div:nth-child(1) {
    padding-right: 3px;
}

div[id*='columnChooser'] .jqx-popover-content .moveUpDown > div:nth-child(2) {
    padding-left: 3px;
}

#columnChooserSelect_move_up {
    margin: 5px 0 0 0;
    float: right;
}

#columnChooserSelect_move_down {
    margin: 5px 0 0 0;
    float: left;
}

div[id*='columnChooser'] .jqx-popover-content .moveUpDown button[id*='columnChooserSelect']:nth-child(1) i {
    padding: 0;
}

ul.flexboxHorizontal {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-between;
    white-space: nowrap;
}

ul.flexboxHorizontal li {
    list-style: none;
    display: block;
    flex: none;
}

/* ul.flexboxHorizontal.alignLeft li:last-child {
        flex: auto;
    } */

ul.flexboxHorizontal.alignRight li:first-child {
    flex: auto;
}

.lastLoginInfo {
    position: relative;
    display: flex;
}

.lastLoginInfo .renderOptions {
    /* border: 1px solid #ccc; */
    margin: 0;
    /* padding: 4px; */
    /* border-radius: 4px; */
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: space-between;
    position: relative;
}

.lastLoginInfo .renderOptions a.over {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 22px;
    border-radius: 0;
    background-color: var(--border-color);
    z-index: 1;
    transition: all 0.5s ease;
}

.lastLoginInfo .renderOptions li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    transition: all 0.5s ease;
    z-index: 2;
    width: 28px;
    height: 22px;
    border: 1px solid #ccc;
    padding: 2px 0 0 0 !important;
}

.lastLoginInfo .renderOptions li:first-of-type {
    border-radius: 5px 0 0 5px;
}

.lastLoginInfo .renderOptions li:last-of-type {
    border-radius: 0 5px 5px 0;
}

.lastLoginInfo .renderOptions li:not(:first-of-type):not(:last-of-type) {
    border-left: none;
    border-right: none;
}

.lastLoginInfo .renderOptions li img {
    width: 16px;
    height: 16px;
}

.lastLoginInfo .renderOptions li a {
    display: block;
    text-decoration: none;
    color: var(--default-black);
    margin: 0;
    padding: 0 6px;
    font-weight: normal;
    font-size: 11px;
}

.lastLoginInfo .renderOptions li a:hover {
    /* background: #f4f4f4; */
}

/* .lastLoginInfo .renderOptions li.active {
                    background-color: var(--default-black);
                    border-radius: 5px;
                    padding: 2px;
                } */
.lastLoginInfo .renderOptions li.active:nth-child(1) ~ a.over {
    left: 0;
    border-radius: 5px 0 0 5px;
}

.lastLoginInfo .renderOptions li.active:nth-child(2) ~ a.over {
    left: 28px;
    /* width: 52px; */
}

.lastLoginInfo .renderOptions li.active:nth-child(3) ~ a.over {
    left: 56px;
    border-radius: 0 5px 5px 0;
}

.lastLoginInfo .renderOptions li.active a {
    color: #fff !important;
    /* font-weight: bold; */
    /* text-decoration: underline; */
}

.lastLoginInfo .dataRetrievalDate {
    font-weight: bold;
    font-size: 11px;
    display: flex;
    text-align: center;
    align-items: center;
    margin-left: 10px;
}

.lastLoginInfo .changeMonitoringInfo {
    font-size: 11px;
    display: flex;
    text-align: center;
    align-items: center;
    margin-left: 10px;
}

/*20.09.2016*/
.jqx-widget-content {
    font-size: 12px !important;
    overflow: visible;
    background: transparent;
    border-color: var(--border-color);
}

.jqx-tabs.jqx-widget {
    height: 100% !important;
    border: none;
}

/* #tabstrip > .jqx-tabs-content {
    height: 100% !important;
} */

.jqx-tabs-header.jqx-widget-header {
    background-color: transparent;
    border: none;
    margin-bottom: 4px;
    overflow: hidden;
    min-height: 30px;
    padding: 0;
}

.bottom-pane-tabscript .jqx-tabs-content > div {
    padding-bottom: 15px;
}

ul#tabStripUl,
ul.jqx-tabs-title-container {
    min-height: 31px;
    border-bottom: 1px solid var(--border-color) !important;
}

.jqx-tabs-header.jqx-widget-header ul::after {
    width: 2px;
    content: "";
    position: absolute;
    display: block;
    right: -2px;
    bottom: -1px;
    z-index: 1;
    border-bottom: 1px solid var(--border-color);
}

.jqx-tabs-title {
    border: none;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid rgba(222, 226, 230, 0.87);
    color: var(--default-black);
    height: 26px !important;
    box-sizing: border-box;
}

.jqx-tabs-title.jqx-fill-state-hover {
    background: transparent;
}

.jqx-tabs-title .jqx-tabs-titleWrapper {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

.jqx-rc-t {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.tab-content-parent.jqx-tabs-content-element {
    overflow: hidden !important;
}

/*
    Force tab contents to use all available width. This works around an issue
    where the Logs tab was not rendering full width by default.
*/
.jqx-tabs-content-element {
    max-width: 100% !important;
}

.jsgrid-load-panel {
    margin-left: -100px;
    margin-top: -50px;
}

/*Share Modal Styles*/
#shareModal .modal-header {
    padding: 0px 20px;
    border: none;
}

#shareModal .modal-header .close {
    margin-top: 10px;
    border: none;
}

#shareModal .modal-body {
    padding-top: 0;
}



.shareDocument .shareStatus {
    font-size: 12px;
    margin: 0 0 5px;
    /*KK0211*/
    color: rgba(0, 0, 0, 0.7);
}

.shareDocument h1 {
    font-size: 24px;
    margin-top: 0;
}

.shareDocument h1 .glyphicon {
    margin-right: 13px;
    font-size: 18px;
    opacity: .5;
    cursor: pointer;
    position: relative;
    top: -1px;
}

.shareDocument .shareStatus span {
    margin-right: 10px;
    opacity: .7;
}

.shareDocument .shareOption {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    /*KK0211*/
    padding: 0;
    list-style: none;
}

.shareDocument .shareOptionOne > li.inputField input {
    max-width: inherit;
}

.shareDocument .shareOptionTwo > li {
    cursor: pointer;
}

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

.shareScreenTwoForm > li {
    margin: 0 0 10px;
}

.shareScreenTwoForm .form-control {
    max-width: inherit;
}

.shareScreenTwoForm textarea {
    min-height: 100px;
}

/*KK0211*/
#shareModal .modal-header {
    height: 0;
    width: 100%;
}

#shareModal .modal-body {
    padding-top: 15px;
}

.shareDocument .shareOption.hasRadios .radio {
    margin: 0px;
}

.shareDocument .shareOption.hasRadios > li {
    font-size: 12px;
    color: rgba(0, 0, 0, .7);
    margin-bottom: 7px;
    margin-right: 15px;
}

.shareDocument .shareOption.hasRadios > li input[type="radio"] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.shareDocument .shareOption:last-child {
    margin-bottom: 0px;
}

.shareDocument .shareDocumentTwo .shareOption.hasRadios {
    margin-top: 5px;
    margin-bottom: 2px;
}

.shareDocument .shareDocumentTwo .shareOption.hasRadios > li {
    margin-bottom: 4px;
}

.shareDocument .shareDocumentTwo .checkbox {
    font-size: 13px;
    float: left;
    margin-top: 0;
    color: rgba(0, 0, 0, .7);
}

.shareDocument .shareDocumentTwo .checkbox input[type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.shareDocument .shareDocumentTwo .tag-this {
    width: 100%;
    margin-bottom: 0;
}

.shareDocument .shareDocumentTwo .tag-this .tag,
.shareDocument .shareDocumentTwo .tag-this input {
    font-family: inherit;
    font-size: 14px;
    color: #fff;
}

.shareDocument .shareDocumentTwo .tag-this input {
    font-family: inherit;
    font-size: 14px;
    color: #888;
}

.shareDocument .shareDocumentTwo .tag-this #email-tags--tag {
    width: 150px !important;
}

.shareDocument .shareSolutionsDocumentTwo .tag-this {
    width: 100%;
    margin-bottom: 0;
}

.shareDocument .shareSolutionsDocumentTwo .tag-this .tag,
.shareDocument .shareSolutionsDocumentTwo .tag-this input {
    font-family: inherit;
    font-size: 14px;
    color: #fff;
}

.shareDocument .shareSolutionsDocumentTwo .tag-this input {
    font-family: inherit;
    font-size: 14px;
    color: #888;
}

.shareDocument .shareSolutionsDocumentTwo .tag-this #shareSolutionEmailTags--tag {
    width: 150px !important;
}

/*KK0211 ends*/
/*Bidhu 07dec2016 */


.shareDocument .shareSolutionsDocumentOne .shareOptionOne > li.inputField input {
    width: 96%;
    margin: 0 5px;
}

.shareDocument .shareSolutionsDocumentOne .shareOption > li.text.vision-number-container {
    width: 100%;
    font-size: 12px;
}

.shareDocument .shareSolutionsDocumentOne .shareOption > li.text.vision-number-container input[type="checkbox"] {
    float: left;
}

.shareDocument .shareSolutionsDocumentOne .shareOption > li.text.vision-number-container .checkbox-txt {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 22px;
    padding-left: 4px;
}

.shareDocument .shareSolutionsDocumentOne .shareOption > li.text.vision-number-container .info-btn {
    background: none;
    border: none;
    float: left;
    line-height: 10px;
    margin-top: 3px;
}

.shareScreenTwoForm .publish-btn {
    font-size: 12px;
}

/*
.resultsTabButtons {
	display: inline-block;

    position: absolute;
    right: 3px;
    top: 5px;
    z-index: 999;
}

.resultsTabButtons button {
	float: left;
	height: 23px;
	width: 39px;
	border: 1px solid #ccc;
	border-width: 0px 1px 1px 1px;
	border-radius: 6px;
	color: #666;
	margin: 0 0 0 3px;
}

.resultsTabButtons button span.glyphicon-collapse-down, .resultsTabButtons button span.glyphicon-collapse-up {
	font-size: 18px;
}
*/

#shareModalOpener {
    background: #f9f9f9;
    /*border: none;
    padding: 0;*/
}

#shareModalOpener span {
    font-size: 15px;
    font-weight: bold;
}

#shareSolutionOpener {
    background: #f9f9f9;
    /*border: none;
    padding: 0;*/
}

#shareSolutionOpener span {
    font-size: 13px;
    font-weight: bold;
}

#btnDeleteTab,
#btnRenameTab,
#btnRunScriptFromResultsTab,
#lnkSharingDetails,
#btnToggleDescription {
    background: #f9f9f9;
}

#btnDeleteTab span {
    font-size: 12px;
}

#btnRenameTab span {
    font-size: 12px;
}

#btnRunScriptFromResultsTab span {
    font-size: 12px;
}

#btnToggleDescription span {
    color: #1e78d8;
    font-size: 19px;
}

.resultsTabButtons button.saveStateButton,
.resultsTabButtons button.columnChooserButton {
    border: none;
}

/* manage sharing popup style */
#viewSharingDetails .modal-dialog {
    max-width: 300px;
}

#viewSharingDetails #tblDeleteSharing {
    width: 100%;
}

#viewSharingDetails #tblDeleteSharing td:nth-child(2) {
    text-align: right;
}

#viewSharingDetails #tblDeleteSharing td {
    font-size: 12px;
    color: #666;
    padding: 5px;
}

#viewSharingDetails #tblDeleteSharing td span.td-heading {
    display: inline-block;
    font-weight: bold;
}

#viewSharingDetails #tblDeleteSharing td .btn-default {
    border: 1px solid #ccc;
    margin: 5px;
    padding-top: 5px;
}

#viewSharingDetails #tblDeleteSharing td .btn-default span {
    color: #f00;
}

/* add data modal */

#newConnectionModal #divRequiresSignedScripts {
    padding-left: 0 !important;
    white-space: nowrap;
}

/* .new-connection-modal .modal-body select {
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 2px 0 !important;
    border-radius: 0 !important;
    max-width: unset !important;
    height: 20px !important;
} */

/* Select2 customisation 2021 */
.select2.select2-container {
    /* min-width: 350px; */
    min-height: 29px;
    flex: 1;
    max-width: 350px;
}

.select2-container .select2-selection--multiple {
    min-height: unset;
    min-height: 29px;
    /* height: 26px; */
}

.modal-body .select2-container {
    border: none !important;
    /* border-bottom: 1px solid #f0f0f0 !important; */
    border-radius: 0 !important;
    padding: 2px 0 !important;
    max-width: unset !important;
    min-width: unset;
    width: 100% !important;
    min-height: 24px !important;
    margin-left: 0 !important;
    top: unset !important;
}

.modal-body .select2-container .select2-selection {
    border: 0 !important;
    padding: 0 !important;
}

.modal-body .select2-container.select2-container--disabled .select2-selection {
    padding-left: 5px;
}

.modal-body .select2-selection .select2-selection__rendered {
    padding-left: 0 !important;
    font-size: 12px;
    /* height: 22px; */
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.select2-container .select2-selection .select2-selection__rendered {
    padding: 0;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px;
    color: var(--default-black);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff;
    border: 1px solid var(--default-blue);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 10px;
    height: 20px !important;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background: #eee;
    border: 1px solid #ccc;
    padding-right: 5px;
    padding-left: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 0;
    margin-left: 10px;
    padding: 0 5px;
    background: var(--default-blue);
    height: 100%;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container.select2-container--disabled .select2-selection .select2-selection__rendered {
    background: var(--light-gray) !important;
}

.select2-dropdown {
    z-index: 1099 !important;
    border: 1px solid var(--border-color) !important;
    -webkit-box-shadow: 0 1px 2px var(--input-shadow);
    -moz-box-shadow: 0 1px 2px var(--input-shadow);
    box-shadow: 0 1px 2px var(--input-shadow);
}
.select2-results__option {
    padding: 8px 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--light-gray);
    color: var(--default-black) !important;
}

.select2-container .select2-results__option[aria-selected=true] {
    background-color: var(--light-blue);
}

.select2-container .select2-results__option > div {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.select2-search--dropdown  {
    padding: 10px 14px;
}

.select2-search--dropdown .select2-search__field {
    max-width: unset;
    border-radius: 5px;
    padding: 10px 14px;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 1px 2px var(--input-shadow);
}

#newConnectionModal .leftPart {
    width: 100%;
    height: 100%;
    max-width: 460px;
}

.new-connection-modal .modal-body.shareDocument .rightPart {
    border: none !important;
    border-left: 1px solid #ccc !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin-left: 30px !important;
    padding-left: 30px !important;
}

#newConnectionModal .rightPart #connectIdPersistVariables {
    margin: 0 2px 0 0 !important;
    top: unset !important;
}

.adddata-modal .modal-body h3 .statusIcon,
.InstallSolutionModal .modal-body h3 .statusIcon,
.new-connection-modal .modal-body h3 .statusIcon {
    float: right;
    padding: 0 5px;
    margin-top: -4px;
}

.adddata-modal .modal-body h3 .statusIcon img,
.InstallSolutionModal .modal-body h3 .statusIcon img,
.new-connection-modal .modal-body h3 .statusIcon img {
    max-width: 40px;
    height: auto;
}

/*changes on 28.09.17 ends*/

.new-connection-modal .modal-body select {
    width: 100%;
    padding: 5px 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.InstallSolutionModal .modal-body h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
}

.InstallSolutionModal input[type="radio"],
.InstallSolutionModal input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -2px;
}

.InstallSolutionModal .retentionOptions li {
    margin-bottom: 7px;
}

.InstallSolutionModal #divEnvList {
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.InstallSolutionModal #divEnvList .select2-container {
    min-width: 250px;
}

.InstallSolutionModal .modal-dialog {
    max-width: 420px;
}

.adddata-modal .modal-dialog.sharedocument {
    max-width: 320px;
}

.adddata-modal .modal-dialog.sharedocument h3.title {
    padding-bottom: 10px;
    padding-top: 4px;
}

.adddata-modal .modal-dialog,
.new-connection-modal .modal-dialog {
    max-width: 250px;
}

.adddata-modal.addEditViewProperties .modal-dialog {
    max-width: 400px;
}

.addEditViewProperties input,
.addEditViewProperties select,
.addEditViewProperties textarea {
    max-width: 400px;
    margin-bottom: 5px;
}

/* end */

.adddata-modal.addDomainProperties .modal-dialog {
    max-width: 400px;
}

#addEditAuthCertificate .select2.select2-container {
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0;
}

#addEditAuthCertificate .select2.select2-container .fas {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px !important;
}

/* existing share view */
.existing-shares {
    padding: 0;
    list-style: none;
    clear: both;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    /* background: #f1f1f1; */
    padding-bottom: 10px;
}

.existing-shares .add-row {
    padding-bottom: 0;
}

.existing-shares .description-container th,
.existing-shares .description-container td {
    width: 90px
}

.existing-shares .description-container th:first-child,
.existing-shares .description-container td:first-child {
    width: 170px
}

.existing-shares .description-container.fixed-header-table tbody {
    max-height: 140px !important;
}

.existing-shares .description-container table {
    width: 100%;
}

.existing-shares .description-container table td {
    padding: 5px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}

.existing-shares .description-container table tr:last-child td {
    border-bottom: none;
}

.existing-shares .description-container table th {
    text-align: center;
}

.existing-shares .description-container table td {
    text-align: center;
}





.existing-shares td span.td-heading {
    display: block;
    font-weight: bold;
}

/*existing shares view*/
.existing-shares.view .description-container table td {
    text-align: left;
}

.existing-shares.view .description-container table td:nth-child(2) {
    text-align: right;
}

h3.share-view-heading {
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
}

h1.share-view-heading {
    font-size: 18px;
    font-weight: bold;
}

#dvAppDataPath {
    height: 100vh;
    background: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.comingSoonInfo {
    position: fixed;
    margin: auto;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -100px;
    text-align: center;
}

.comingSoonInfo img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 25px;
}

#scriptEditor {
    /** Setting height is also important, otherwise editor wont showup**/
    height: 99%;
}


#scriptEditor1 {
    /** Setting height is also important, otherwise editor wont showup**/
    height: 500px;
}

.jqx-grid-header {
    height: 24px !important;
    line-height: 24px !important;
}

.disableTR {
    background-color: #ccc;
    opacity: 1.5;
}

.cb-btn {
    color: #fff !important;
    border: none !important;
    background: #439ab5 !important;
    padding: 4px 10px !important;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #999 !important;
    font-size: 11px !important;
    font-family: "Roboto", sans-serif !important;
}


.select2-container--default .select2-selection--multiple {
    border-color: #ddd !important;
}

#newConnectionModalOpener {
    background: #439ab5;
    margin: 10px 0 0 15px;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
}

#txtViewShareUrl {
    width: 96%;
}


.tdShareSolutionUrl {
    width: 460px;
}


.info {
    color: var(--default-blue);
    font-weight: bold;
    font-size: 10px;
    float: right;
    position: relative;
    z-index: 1;
}

.info1 {
    color: var(--default-blue);
    font-weight: bold;
    font-size: 10px;
    float: right;
    position: relative;
    z-index: 1;
    margin-right: 5px;
}

.info:hover,
.underline {
    text-decoration: underline;
}



.viewNode {
    font-style: italic;
    color: #696969 !important;
}

/* shared-view */
.shared-view .right-split .header-right {
    background-color: #06537d;
    border-color: #06537d;
}

.shared-view .right-split h1.title {
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 6px;
}

.shared-view .right-split .right-hirachy {
    padding-left: 0;
}

.shared-view .right-split .right-hirachy li {
    list-style: none;
}

.shared-view .right-split .right-hirachy li a.jstree-default .jstree-icon {
    display: inline-block;
    float: left;
}

.shared-view .right-split .right-hirachy li a.jstree-default span {
    display: inline-block;
    float: left;
    padding-top: 6px;
    padding-left: 4px;
}

.shared-view .right-split .right-hirachy ul {
    clear: both;
}

.shared-view .right-split .right-hirachy ul li a i {
    margin-right: 5px;
}

.externalLoginArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.externalLoginArea .logo {
    display: flex;
    flex-direction: row;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

#userNotActive .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

#userNotActive .logo img {
    max-height: 40px;
}

#userNotActive p.bottom-text {
    padding: 10px 0 0 10px;
}

.externalLoginArea .logo img {
    max-height: 50px;
}

/*Media Queries*/
@media(max-width: 900px) {
    header .rightPart ul.firstLevel > li.link a {
        padding: 13px 10px 12px;
    }
}

@media(max-width: 800px) {
    header .rightPart ul.firstLevel > li.link a {
        padding: 13px 12px 12px;
    }

    .resultsTabMobileButton {
        display: block;
        font-size: 14px;
    }

    .resultsTabButtons {
        width: 50px;
        padding: 5px 5px 0;
        background: #f2f2f2;
        border: 1px solid #ddd;
        border-radius: 6px;
        top: 31px;
        display: none;
    }

    .resultsTabButtons button {
        margin: 0 0 5px;
    }

    .mobileMenuButton {
        display: block;
        position: relative;
    }

    header .rightPart ul.firstLevel {
        display: none;
    }

    header .rightPart ul.firstLevel.show {
        display: block;
        position: absolute;
        border: 1px solid #444;
        border-top: none;
        top: 50px;
        z-index: 111;
        right: 0;
        background: #000;
        padding-bottom: 45px;
    }

    header .rightPart ul.firstLevel.show li.link {
        text-align: right;
    }

    header .rightPart ul.firstLevel.show li.link:nth-child(1) {
        position: absolute;
        left: 0px;
        bottom: 0;
    }

    header .rightPart ul.firstLevel.show li.link:nth-child(2) {
        position: absolute;
        left: 42px;
        bottom: 0;
    }

    header .rightPart ul.firstLevel.show li.link:nth-child(3) {
        position: absolute;
        left: 84px;
        bottom: 0;
    }

    header .rightPart ul.firstLevel > li {
        border: none;
    }

    header .rightPart ul.firstLevel > li.userInfo button ul li.userName {
        color: #fff;
    }

    header .rightPart ul.firstLevel > li.userInfo button ul li.userPhoto {
        display: none;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu {
        position: static;
        left: auto;
        right: auto;
        top: auto;
        min-width: inherit;
        display: block;
        float: none;
        background: none;
        border: none;
        box-shadow: none;
        border-radius: 0;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li:nth-child(1) {
        border-top: 1px solid #555;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li {
        border-bottom: 1px solid #555;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li > a {
        color: #fff;
        padding: 5px 10px;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li > a:after {
        display: block;
        content: '';
        font-family: '';
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li > a {
        background: #2f2f2f;
    }

    header .rightPart ul.firstLevel > li.userInfo .dropdown-menu > li > a:hover {
        background: #777;
    }
}

/*KK0211*/
@media (min-width: 600px) {
    #shareModal .modal-dialog {
        width: 520px;
        margin: 30px auto;
    }
}

.viewDescription {
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-family: "Roboto", sans-serif !important;
    background: #fff;
    min-height: 100%;
}

.viewDescription h1 {
    font-size: 2em;
    margin: .67em 0;
}

.viewDescription h2 {
    font-size: 1.5em;
    margin: .75em 0;
}

.viewDescription h3 {
    font-size: 1.17em;
    margin: .83em 0;
}

.viewDescription h4 {
    font-size: 1em;
    margin: 1.12em 0;
}

.viewDescription h5 {
    font-size: .83em;
    margin: 1.5em 0;
}

.viewDescription h6 {
    font-size: .75em;
    margin: 1.67em 0;
}

.viewDescription p {
    margin: 0px;
    padding: 0 .2em;
}

.viewDescription ul,
.viewDescription ol {
    padding-left: 2.5em;
}

.viewDescription a {
    color: #00a;
}

.viewDescriptionDiv {
    padding: .75em !important;
    font-size: 13px !important;
    font-family: sans-serif !important;
    background: #fff !important;
    ;
    min-height: 100% !important;
}

.viewDescriptionDiv h1 {
    font-size: 2em !important;
    margin: .67em 0 !important;
}

.viewDescriptionDiv h2 {
    font-size: 1.5em !important;
    margin: .75em 0 !important;
}

.viewDescriptionDiv h3 {
    font-size: 1.17em !important;
    margin: .83em 0 !important;
}

.viewDescriptionDiv h4 {
    font-size: 1em !important;
    margin: 1.12em 0 !important;
}

.viewDescriptionDiv h5 {
    font-size: .83em !important;
    margin: 1.5em 0 !important;
}

.viewDescriptionDiv h6 {
    font-size: .75em !important;
    margin: 1.67em 0 !important;
}

.viewDescriptionDiv p {
    margin: 0px !important;
    padding: 0 .2em !important;
}

.viewDescriptionDiv ul,
.viewDescriptionDiv ol {
    padding-left: 2.5em !important;
}

.viewDescriptionDiv a {
    color: #00a !important;
}

.viewDescriptionDiv code {
    font-size: 1.23em !important;
}

#toggleEditDescription {
    position: absolute;
    right: 14px;
    top: 41px;
    z-index: 999;
}

.storeSolutionTemplate {
    display: none;
}

/* */
.bootstrap-filestyle.input-group input[type="text"] {
    font-size: 12px;
}

.bootstrap-filestyle.input-group .icon-span-filestyle {
    font-size: 12px;
}

.bootstrap-filestyle.input-group .buttonText {
    font-size: 12px;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?xht2dj');
    src: url('../fonts/icomoon.eot?xht2dj#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?xht2dj') format('truetype'), url('../fonts/icomoon.woff?xht2dj') format('woff'), url('../fonts/icomoon.svg?xht2dj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-qO15X0zV,
.icon-shareview {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shareview:before {
    content: "\e901";
}

.icon-qO15X0zV:before {
    content: "\e900";
}

td.tdnoborder {
    border: none !important;
    padding: 0px !important;
}

.actionMetadataDiv {
    padding: 0px 0px 6px 0px !important;
    font-size: 13px !important;
    font-family: sans-serif !important;
    background: #fff !important;
    position: relative !important;
    /*height: 240px !important;*/
    width: 100% !important;
    min-width: 250px !important;
    /*overflow-y: auto;*/
    /*height: calc(100vh - 500px) !important;*/
    z-index: 99;
}

.actionMetadataDiv .jsgrid-grid-body {
    /*height:calc(100% - 21px);*/
    overflow-y: scroll;
}

.actionMetadataDiv .jsgrid-grid-body .jsgrid-row .jsgrid-cell .actionlog,
.actionMetadataDiv .jsgrid-grid-body .jsgrid-alt-row .jsgrid-cell .actionlog {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.actionMetadataDiv .jsgrid-grid-body .jsgrid-row .jsgrid-cell,
.actionMetadataDiv .jsgrid-grid-body .jsgrid-alt-row .jsgrid-cell {
    border-top: none;
    padding: 4px 5px !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px;
    color: #000000;
}

.actionMetadataDiv .jsgrid-header-row > .jsgrid-header-cell {
    background: #666666;
    color: #ffffff;
    padding: 5px;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
}

.actionMetadataDiv .jsgrid-grid-body .jsgrid-table .jsgrid-row:hover > td > a {
    text-decoration: underline;
    font-weight: bold;
}

.actionMetadataDiv .jsgrid-grid-body .jsgrid-table .jsgrid-alt-row:hover > td > a {
    text-decoration: underline;
    font-weight: bold;
}

#rightOverlay {
    position: fixed;
    width: 320px;
    top: 108px;
    left: auto !important;
    right: 0;
    bottom: 0;
    background: #212121;
    box-shadow: 4px 4px 8px #666;
    z-index: 999;
    overflow: hidden;
    height: calc(100vh - 108px);
}

#rightOverlay .header {
    padding: 8px 10px 8px 15px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #333;
}

#rightOverlay .header > a {
    color: #cccccc !important;
    font-size: 14px;
    margin: 0;
}

#rightOverlay .header > a#rightOverlayFullWidthButton {
    float: left;
}

#rightOverlay .header > a#rightOverlayRestoreButton {
    float: left;
    display: none;
}

#rightOverlay .header > a#rightOverlayCloseButton {
    float: right;
}

#rightOverlay .header > a#copyExecutionLog {
    float: right;
    padding-right: 10px;
}

#rightOverlay .header > a#stopExecution {
    float: right;
    padding-right: 10px;
}

#rightOverlay.isFullWidth .header > a#rightOverlayFullWidthButton {
    display: none;
}

#rightOverlay.isFullWidth .header > a#rightOverlayRestoreButton {
    display: block;
}

#rightOverlay .ui-resizable-handle {
    position: absolute;
    left: 0;
    top: 3px;
    bottom: 0px;
    width: 7px;
    background: #efefef;
    border: 1px solid #aaa;
    box-shadow: 0 0 2px #aaa;
    cursor: col-resize;
}

#rightOverlay .overlayInner {
    width: 100%;
    margin: 0;
    overflow: auto;
}

#rightOverlay .overlayContent {
    padding: 5px 10px 5px 20px;
    color: #d4d4d4;
    text-shadow: 0 0 1px #d4d4d4;
}

#rightOverlay .overlayContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#rightOverlay .overlayContent ul > li {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Consolas";
    margin: 5px 0;
    padding-left: 20px;
    color: #d4d4d4;
    position: relative;
}

#rightOverlay .overlayContent ul > li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
}

#rightOverlay .overlayContent ul > li.error,
#rightOverlay .overlayContent ul > li.cloudbridgeerror {
    color: #f92672;
    text-shadow: 0 0 1px #f92672;
}

#rightOverlay .overlayContent ul > li.warning {
    color: #FFC272;
    text-shadow: 0 0 1px #FFC272;
}

#rightOverlay .overlayContent ul > li.verbose {
    color: #74b0df;
    text-shadow: 0 0 1px #74b0df;
}

#rightOverlay .overlayContent ul > li.debug {
    color: #c0a2dd;
    text-shadow: 0 0 1px #c0a2dd;
}

#rightOverlay .overlayContent ul > li.information {
    color: #00A2AD;
    text-shadow: 0 0 1px #00A2AD;
}

#rightOverlay .overlayContent ul > li.outofbanddata {
    color: #66CC00;
    text-shadow: 0 0 1px #66CC00;
}


#rightOverlay .ui-resizable-handle .handler {
    height: 44px;
    background: #aaa;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -22px;
}

.ace_scrollbar-inner {
    background-color: red;
    opacity: 0.01;
}

.topActionButtons {
    position: absolute;
    right: 5px;
    top: 4px;
    z-index: 1000;
}

/*Instance Slider CSS*/

/*Instance Slider CSS*/
.instanceSlider {
    z-index: 1100;
    display: flex;
    margin: 2px 10px 0;
    width: calc(100% - 20px) !important;
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20px;
}


.btn.btn-primary.customToggle,
.btn.btn-default.customToggle {
    width: 36px !important;
    padding: 0 !important;
    min-width: 36px !important;
    height: 20px !important;
    border-radius: 10px !important;
    min-height: unset;
    background: var(--light-gray) !important;
    border: 1px solid var(--border-color) !important;
}
.btn.btn-primary.customToggle:not(.off),
.btn.btn-default.customToggle:not(.off) {
    border: 1px solid var(--default-blue) !important;
}

.btn.btn-default.customToggle.off {
    background: var(--light-gray) !important;
    border: 1px solid var(--border-color) !important;
}

.btn.btn-primary.customToggle .toggle-on {
    background: transparent !important;
}

.btn.btn-default.customToggle .toggle-off {
    background: transparent !important;
}

.customToggle .btn.btn-default.toggle-handle {
    background: #fff !important;
    padding: 0 !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: 50%;
    right: 53%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px 0px rgba(16, 24, 40, 0.06), 0 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.customToggle.off .btn.btn-default.toggle-handle {
    right: unset;
    left: 52%;
}

.toggle[data-toggle="toggle"] .toggle-group .toggle-on,
.toggle[data-toggle="toggle"] .toggle-group .toggle-off {
    width: 36px !important;
    padding: 0 !important;
}

.toggle[data-toggle="toggle"].off .toggle-group .toggle-on {
    margin-left: -2px;
}

.btn.btn-primary.scriptEnableToggle,
.btn.btn-default.scriptEnableToggle {
    width: 36px !important;
    padding: 0 !important;
    min-width: 36px !important;
    height: 20px !important;
    border-radius: 10px !important;
    min-height: unset;
}

.btn.btn-default.scriptEnableToggle.off {
    background: var(--light-gray) !important;
    border: 1px solid var(--border-color) !important;
}

.btn.btn-primary.scriptEnableToggle .toggle-on {
    background: transparent !important;
}

.btn.btn-default.scriptEnableToggle .toggle-off {
    background: transparent !important;
}

.scriptEnableToggle .toggle-group .btn.btn-default.toggle-handle {
    background: #fff !important;
    padding: 0 !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: 50%;
    right: 53%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px 0px rgba(16, 24, 40, 0.06), 0 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.scriptEnableToggle.off .btn.btn-default.toggle-handle {
    right: unset;
    left: 53%;
}

.child-enable {
    padding: 15px 0 20px 20px;
    border: #c1c1c1;
    border-style: solid;
    border-width: 1px;
}

.master-enable .toggle {
    margin-left: -3px;
}

.general-properties-tab {
    display: flex;
}

.general-properties-tab #txtScriptMailAddresses::placeholder {
    font-size: 11px;
}

#general-tab-left {
    width: 450vw;
}
#general-tab-left  .select2-container--default .select2-selection--multiple {
    padding: 6px 10px;
}

#general-tab-right {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #c1c1c1;
}

#method-heading {
    font-weight: 500;
    font-size: 12px;
}

/* .toggle-group .btn.btn-primary:after {
    position: absolute;
    content: " ";
    height: 20px;
    width: 50px;
    border-radius: 10px;
    background-color: #fff;
}
.toggle-group .btn.btn-default:after {
    position: absolute;
    content: " ";
    height: 20px;
    width: 50px;
    border-radius: 10px;
    background-color: #ccc;
} */
@media(max-width: 1350px) {
    .instanceSlider {
        width: 400px;
    }
}

@media(max-width: 1250px) {
    .instanceSlider {
        width: 350px;
    }
}

@media(max-width: 1200px) {
    .instanceSlider {
        width: 300px;
    }
}

@media(max-width: 1150px) {
    .instanceSlider {
        width: 250px;
    }
}

@media(max-width: 1100px) {
    .instanceSlider {
        width: 200px;
    }
}

#instance-slider.ui-slider {
    border-radius: 20px;
    background: rgba(0, 0, 0, .25);
    border: none;
    height: 10px;
    flex: 1;
    margin: 0 12px 0 3px;
}

#instance-slider .ui-slider-handle {
    border-radius: 13px;
    height: 13px;
    width: 13px;
    top: -2px;
    margin-left: -6px;
    border: 2px solid #fffaf7;
    outline: none;
    background: var(--default-black);
    pointer-events: none;
}



#instance-slider .ui-slider-pip {
    top: 0;
    height: 100%;
}

#instance-slider .ui-slider-pip.pointer {
    /*background:rgb(116, 116, 116);*/
    background: #c0e23d;
}

#instance-slider .ui-slider-pip .ui-slider-line {
    width: 6px;
    height: 6px;
    border-radius: 4px;
    margin-left: -2px;
    background: #fffaf7;
    top: 2px;
}

#instance-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line,
#instance-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line {
    display: none;
}

#instance-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label,
#instance-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
    margin: 0;
}

#instance-slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
    left: -2em;
    text-align: right;
}

#instance-slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
    left: 2em;
    text-align: left;
}

#instance-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    font-weight: normal;
}

#instance-slider .ui-slider-pip.ui-slider-pip-selected {
    font-weight: bold;
}

#instance-slider .ui-slider-pip.ui-slider-pip-selected,
#instance-slider .ui-slider-pip.ui-slider-pip-selected-initial {
    color: #434d5a;
}

#instance-slider .ui-slider-label {
    display: none;
    font-size: 8px;
    width: 118px;
    margin-left: -59px;
    color: #fff;
    background: #000;
    padding: 2px 5px;
    border-radius: 5px;
    bottom: 16px;
    font-weight: normal;
    z-index: 100;
    text-align: center !important;
    top: auto;
}

#instance-slider .ui-slider-label:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-left: -5px;
}

#instance-slider .ui-slider-pip-label:hover .ui-slider-label {
    display: block;
}

#instance-slider .ui-slider-pip-label.ui-slider-pip-selected .ui-slider-label {
    /*display: block;*/
    z-index: 4;
}

#instance-slider .ui-slider-pip-first.ui-slider-pip-label .ui-slider-label {
    margin-left: -30px;
}

#instance-slider .ui-slider-pip-last.ui-slider-pip-label .ui-slider-label {
    width: 36px;
    margin-left: -23px;
}

#instance-slider .ui-slider-pip-label.ui-slider-pip-selected .ui-slider-label:after {
    border-color: rgba(0, 115, 234, 0);
    border-top-color: var(--default-black);
}

#instance-slider .ui-slider-pip-1 {
    left: 1% !important;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: 15px;
}

.loader {
    position: absolute;
    top: -9px;
    right: 15px;
    z-index: 999;
}

.loader img {
    position: relative;
    top: -1px;
    margin-right: 7px;
}

/*Change Monitor*/
#changeMonitorWrapper {
    position: fixed;
    width: 370px;
    background: #fff;
    top: 76px;
    left: auto !important;
    right: 0;
    bottom: 0;
    box-shadow: 4px 4px 8px #bbb;
    z-index: 999;
    overflow: hidden;
    border-left: 1px solid var(--default-black);
    border-top: 1px solid var(--default-black);
}
#applyChangeMonitoring,
#applyColumnAdjustments {
    min-height: 30px;
    border: 0;
    padding: 0px 14px !important;
}

#changeMonitorWrapper .header {
    background: #fff;
    color: var(--default-black);
    padding: 10px;
    border-bottom: 1px solid var(--default-black);
}

#changeMonitorWrapper .header label {
    margin: 0;
}

#changeMonitorWrapper .header a {
    color: var(--default-black);
    float: right;
}

#changeMonitorWrapper .controls {
    padding: 6px 8px 0;
    overflow: hidden;
    background: #fff;
}

#changeMonitorWrapper .controls #checkAllChanges {
    border-radius: 5px 0 0 5px;
}

#changeMonitorWrapper .controls #uncheckAllChanges {
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}

#changeMonitorWrapper .controls #checkAllChanges:disabled,
#changeMonitorWrapper .controls #uncheckAllChanges:disabled {
    opacity: .5;
}

#changeMonitorWrapper .controls ul.checkboxes {
    float: left;
    margin: 6px 10px;
    padding: 0;
    list-style: none;
}

#changeMonitorWrapper .controls ul.checkboxes > li {
    float: left;
    margin-right: 10px;
}

#changeMonitorWrapper .controls ul.checkboxes > li input[type="checkbox"] {
    margin: 0px 2px 0 0;
    position: relative;
    top: 2px;
}

#changeMonitorWrapper .controls #showEmailsArea {
    float: none;
    border: 1px solid var(--default-gray);
    background: #ffffff;
    padding: 0;
    position: relative;
    border-radius: 100%;
    min-width: 20px;
    min-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#changeMonitorWrapper .controls #showEmailsArea span {
    font-size: 10px;
    line-height: 1;
    top: 0;
}

#changeMonitorWrapper .controls #showEmailsArea:hover {
    color: #fff;
    border-color: var(--default-blue);
    background: var(--default-blue);
}

#changeMonitorWrapper .controls #emailsArea {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 5px;
    border-top: 1px solid rgb(50 43 79 / 30%);
}

#changeMonitorWrapper .controls #emailsArea .tag-this {
    margin: 4px 0 0;
    width: 100%;
    height: 85px;
}

#changeMonitorWrapper .controls #emailsArea #email-tags--tag {
    width: 150px !important;
}

#changeMonitorWrapper .controls #emailsArea .tag-this--remove-tag {
    float: none;
    padding: 0 5px;
    border: none;
    background: none;
    color: #ffffff;
}
#changeMonitorWrapper .controls #emailsArea form {
    margin-bottom: 10px;
}

#changeMonitorWrapper.showingEmailArea .inner {
    height: calc(100% - 163px);
}

#changeMonitorWrapper.showingEmailArea .controls #showEmailsArea {
    background: #dadada;
}

#changeMonitorWrapper.showingEmailArea .controls #showEmailsArea .glyphicon-menu-down:before {
    font-family: 'Glyphicons Halflings';
    content: "\e260";
}

#changeMonitorWrapper .inner {
    padding: 5px 0;
    height: calc(100% - 76px);
    overflow-y: auto;
}

#changeMonitorWrapper .inner table {
    margin: 0;
    padding: 0;
    width: 100%;
}

#changeMonitorWrapper .inner table th,
#changeMonitorWrapper .inner table td {
    font-weight: normal;
    padding: 4px;
    font-size: 11px;
}

#changeMonitorWrapper .inner table td {
    border-bottom: 1px solid var(--border-color);
}

#changeMonitorWrapper .inner table th {
    font-size: 11px;
    font-weight: bold;
    background: var(--light-gray);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

#changeMonitorWrapper .inner table td:nth-child(1) {
    width: 50px;
    text-align: center;
    padding-top: 2px;
}

#changeMonitorWrapper .inner table td:nth-child(5) {
    width: 70px;
    text-align: center;
    padding-top: 2px;
}

#changeMonitorWrapper .inner table .active td {
    opacity: 1;
    font-weight: bold;
}

#changeMonitorWrapper .inner table .selectGrey td {
    background: #ECF0FD;
}

#changeMonitorWrapper #changeEmailTest {
    padding: 3px;
    border-radius: 3px;
    float: right;
    text-align: center;
    text-decoration: none;
}

#changeMonitorWrapper #sendTestEmail {
    position: relative;
    top: 2px;
    left: -5px;
}

#changeMonitorWrapper .tag-this #email-tags-change--tag {
    width: 150px !important;
}

#changeMonitorWrapper .tag-this {
    width: 100%;
    margin-bottom: 0;
}

#chknotifyNoChanges {
    margin: 0px 2px 0 0;
    position: relative;
    top: 2px;
}

/*Column Chooser*/
#columnChooserWrapper {
    position: fixed;
    width: 370px;
    background: #fff;
    top: 76px;
    left: auto !important;
    right: 0;
    bottom: 0;
    /* box-shadow: 4px 4px 8px #bbb; */
    z-index: 999;
    overflow: hidden;
    border-left: 1px solid var(--default-black);
    border-top: 1px solid var(--default-black);
}

#columnChooserWrapper .header {
    background: #ffffff;
    color: var(--default-black);
    padding: 10px;
    /* font-size: 13px; */
    border-bottom: 2px solid rgb(0 0 0 / 30%);
    line-height: 16px;
}

#columnChooserWrapper .header .column-header-icon {
    font-size: 14px;
    margin-right: 5px;
}

#columnChooserWrapper .header label {
    margin: 0;
}

#columnChooserWrapper .header a {
    color: var(--default-black);
    float: right;
}

#columnChooserWrapper .controls {
    padding: 6px 8px 0;
    overflow: hidden;
    background: #ffffff;
}

#columnChooserWrapper .controls #checkAllChanges {
    border-radius: 5px 0 0 5px;
}

#columnChooserWrapper .controls #uncheckAllChanges {
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
}

#columnChooserWrapper .controls #checkAllChanges:disabled,
#columnChooserWrapper .controls #uncheckAllChanges:disabled {
    opacity: .5;
}

#columnChooserWrapper .controls ul.checkboxes {
    margin: 0;
    list-style: none;
}

#columnChooserWrapper .controls ul.checkboxes > li {
    float: left;
    margin-right: 10px;
}

#columnChooserWrapper .controls ul.checkboxes > li label {
    margin-right: 5px;
}

#columnChooserWrapper .controls ul.checkboxes > li input[type="checkbox"] {
    margin: 0px 2px 0 0;
    position: relative;
    top: 2px;
}

#columnChooserWrapper .inner {
    padding: 5px 0;
    height: calc(100% - 76px);
    overflow-y: auto;
}

#columnChooserWrapper .inner ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

#columnChooserWrapper .inner ul th,
#columnChooserWrapper .inner ul td {
    font-weight: normal;
    padding: 4px;
}

#columnChooserWrapper .inner ul td {
    border-bottom: 1px solid #d0d0d0;
    padding: 1px 4px;
}

#columnChooserWrapper .inner ul th {
    font-size: 11px;
    font-weight: bold;
    background: #d9d9d9;
    border-bottom: 1px solid #ccc;
}

#columnChooserWrapper .inner ul td:nth-child(1) {
    width: 50px;
    text-align: center;
}

#columnChooserWrapper .inner ul td:nth-child(3) {
    width: 70px;
    text-align: center;
}

#columnChooserWrapper .inner ul .active td {
    font-weight: bold;
    background: #f7f6dd;
}

#columnChooserWrapper .inner ul .selectGrey td {
    font-weight: bold;
    background: #ccc;
}

#columnChooserWrapper .ui-spinner-input {
    max-width: 40px;
    height: 13px;
    font-size: 12px;
}

#columnChooserWrapper #listColumnChooser li {
    font-size: 11px;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
}

#columnChooserWrapper #listColumnChooser li:hover {
    background: #f7f6dd;
}

#columnChooserWrapper #listColumnChooser li input[type="checkbox"] {
    position: relative;
    left: 8px;
}

#columnChooserWrapper #listColumnChooser li > div {
    padding: 4px;
    cursor: pointer;
}

#columnChooserWrapper #listColumnChooser li > div:nth-child(1) {
    position: absolute;
    left: 10px;
    top: 1px;
}

#columnChooserWrapper #listColumnChooser li:nth-child(1) {
    background: #d9d9d9;
    border-bottom: 1px solid #ccc;
}

#columnChooserWrapper #listColumnChooser li:nth-child(1) > div {
    font-weight: bold;
}

#columnChooserWrapper #listColumnChooser li:nth-child(1) > div:nth-child(1) {
    top: 0;
}


.customCellRed td,
td.customCellRed {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: #F76E6E !important;
    background: #FDE2E2 !important;
}

.customCellGreen td,
td.customCellGreen {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: #2F8641 !important;
    background: #E5F7F3 !important;
}

.customCellYellow td,
td.customCellYellow {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: #2E2925 !important;
    background: #FEF7ED !important;
}

.customCellBlue td,
td.customCellBlue {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: #1238A0 !important;
    background: #ECF0FD !important;
}

.customCellGrey td,
td.customCellGrey {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: black;
    background: #e6e6e6 !important;
}

.dashboardGridCell td,
td.dashboardGridCell {
    margin: 0 !important;
    padding: 3.5px;
    min-height: 23px;
    color: black;
}

.dashboardCellSuccess td,
td.dashboardCellSuccess {
    background: rgb(252, 163, 17) !important;
}

.dashboardCellFailed td,
td.dashboardCellFailed {
    background: rgba(252, 163, 17, .7) !important;
}

.dashboardCellErrors td,
td.dashboardCellErrors {
    background: rgba(252, 163, 17, .5) !important;
}


div#folderRunner {
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 999;
    /*width: 500px;*/
}

#ChangeLogGrid {
    overflow: hidden;
}

#ChangeLogGrid .jqx-grid-pager.jqx-widget-header {
    width: 100% !important;
}

#connectIdPopOver {
    height: auto !important;
}

#connectIdPopOver .jqx-popover-arrow {
    margin-top: -10px !important;
}

#connectIdPopOver .jqx-popover-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#connectIdPopOver .jqx-popover-content ul > li {
    margin: 0px 0 7px;
    background: #f2f2f2;
    padding: 4px 7px;
    border-radius: 2px;
}

#connectIdPopOver .jqx-popover-content ul > li:last-child {
    margin: 0;
}

#connectIdPopOver {
    width: auto !important;
    max-width: 250px;
}

#connectIdPopOver .jqx-popover-content ul > li {
    display: inline-block;
    margin-right: 6px;
}

#connectIdPopOver .jqx-popover-content {
    max-height: 185px;
    overflow-y: auto;
}


/*Tenant Page Styles*/
#tenantManagement {
    padding: 10px 10px 10px 85px;
}
.tenantPage {
    padding: 10px 0;
}

.tenantPage .pageHeader:after {
    clear: both;
    content: '';
    display: block;
}

.tenantPage h1.pageHeading {
    float: left;
    font-size: 22px;
    margin: 0 0 10px 5px;
}

.tenantPage .pageHeader #totalDiv {
    margin: 5px 0 0 10px;
    float: left;
}

.tenantPage .pageHeader #totalDiv > label {
    margin-right: 5px;
}

.tenantPage .topSearch {
    float: right;
    margin: -5px 5px 0 0;
}

.tenantPage .topSearch ul {
    margin: 0;
    padding: 0;
    height: 55px;
    list-style: none;
}

.tenantPage .topSearch ul > li {
    float: left;
    margin: 0 0 0 7px;
}

.tenantPage .topSearch ul > li:first-child {
    margin-top: -14px;
}

.tenantPage .topSearch ul > li:last-child {
    margin-top: -17px;
}

.tenantPage .topSearch ul > li label {
    float: left;
    padding-top: 6px;
    padding-right: 7px;
}

.tenantPage .topSearch ul > li input[type="text"] {
    font-size: 12px;
    border: 1px solid #bbbbbb;
    padding: 3px 7px;
    border-radius: 4px;
}

.tenantPage .topSearch ul > li input[type="text"] + div {
    display: inline-block;
    position: relative;
    overflow: visible !important;
    border-right: 1px solid #c7c7c7;
}

.tenantPage .topSearch ul > li input[type="text"] + div.jqx-fill-state-focus {
    border-right: 1px solid #555555;
}

.tenantPage .topSearch ul > li input[type="text"] + div:after {
    content: "MM/DD/YYYY";
    position: absolute;
    top: 27px;
    font-size: 8px;
    left: 4px;
    color: #666666;
}

.tenantPage .topSearch ul > li input[type="button"] {
    background: #439ab5;
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

.tenantPage .topSearch ul > li select {
    line-height: 20px;
    padding: 5px;
    border-radius: 3px;
    border-color: #c2c2c2;
    height: 26px;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px;
    color: #000000;
}

#deleteUserModal .modal-header,
#deleteUserModal .modal-footer {
    padding: 10px 15px;
}

#deleteUserModal .modal-footer {
    margin: 10px -15px;
    padding-bottom: 0;
}

#deleteUserModal .stepOne .inner,
#deleteUserModal .stepTwo .inner {
    min-height: 120px;
}

#deleteUserModal .stepOne .inner {
    background: url('Images/icon-delete-warning.png') 0 0 no-repeat;
    background-size: 100px;
    padding-left: 130px;
    min-height: 120px;
}

#deleteUserModal .modal-body h2 {
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: bold;
}

#deleteUserModal .modal-body .stepTwo h2 {
    font-size: 15px;
}

#deleteUserModal .modal-body p {
    margin: 0;
    font-size: 13px;
}

#deleteUserModal .modal-body table {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

#deleteUserModal .modal-body table th,
#deleteUserModal .modal-body table td {
    padding: 5px 8px;
}

#deleteUserModal .modal-body table th {
    background: #dddddd;
    border-color: #cccccc;
}



#scriptExtensionLinkModal .inner,
#scriptExtensionLinkModal .inner {
    min-height: 120px;
}

#scriptExtensionLinkModal .modal-body .stepTwo h2 {
    font-size: 15px;
}

#scriptExtensionLinkModal .modal-body p {
    margin: 0;
    font-size: 13px;
}


#scriptSignEditorDisableWarningModal .inner,
#scriptSignEditorDisableWarningModal .inner {
    min-height: 55px;
    padding: 6px;
}

#scriptSignEditorDisableWarningModal .modal-body h2 {
    margin: 0 0 15px;
    font-size: 13px;
    /*font-weight: bold;*/
    color: black;
}

#scriptSignEditorDisableWarningModal .modal-body .stepTwo h2 {
    font-size: 15px;
}

#scriptSignEditorDisableWarningModal .modal-body p {
    margin: 0;
    font-size: 11px;
    color: #333;
}

#signedScriptInfoModal .modal-header,
#signedScriptInfoModal .modal-footer {
    padding: 10px 6px;
}

#signedScriptInfoModal .modal-footer {
    margin: 5px 0px 10px;
    padding-bottom: 0;
}

#signedScriptInfoModal .inner {
    min-height: 120px;
}

#signedScriptInfoModal .modal-body .stepTwo h2 {
    font-size: 15px;
}

#signedScriptInfoModal .modal-body p {
    margin: 0;
    font-size: 13px;
}

ul#select2-connectIds-results .select2-results__option:first-child {
    padding: 0;
}

ul#select2-connectIds-results .select2-results__option > div {
    padding: 8px 14px;
}

/*--Connect IDs Modal--*/

/* RDP Credentials / App Credentials column headings — scoped to these two H5s
   (class used only on them) so the global h5 definition is unaffected. */
#newConnectionModal .rpa-col-heading {
    margin-bottom: 15px;
}

#newConnectionModal .expandButtons {
    position: absolute;
    right: 4px;
    top: 3px;
}

#newConnectionModal .expandButtons .btn {
    padding: 0px 4px 0px 7px;
    background: #337ab7;
    color: #ffffff;
}

#newConnectionModal .expandButtons .btn span {
    font-size: 10px;
    position: relative;
    top: 0px;
    right: 0px;
}

#newConnectionModal #collapseButton {
    display: none;
    transform: rotate(180deg);
}

#newConnectionModal .rightPart {
    display: none;
    margin: 26px 0 0 10px;
    background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 3px;
    vertical-align: top;
    width: 540px;
    min-height: 185px;
}

#newConnectionModal.expanded .modal-dialog {
    width: 880px;
    max-width: inherit;
}

#newConnectionModal #divRequiresSignedScripts {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 7px;
}

#newConnectionModal .expandButtons .btn span {
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
    display: inline-block;
    margin-right: 5px;
}

#newConnectionModal .connectidboxcontainer {
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 5px;
}

#newConnectionModal .connectidboxcontainer:last-child {
    margin-bottom: 0;
}

#newConnectionModal.expanded .rightPart {
    display: inline-block;
    position: relative;
    margin-top: 64px;
}

#newConnectionModal.expanded #expandButton {
    display: none;
}

#newConnectionModal.expanded #collapseButton {
    display: inline-block;
}

#newConnectionModal .rightPart table {
    width: 100%;
}

#newConnectionModal .rightPart table thead {
    width: 100%;
    display: block;
}

#newConnectionModal .rightPart table tbody {
    width: 100%;
    display: block;
    height: 133px;
    overflow-y: auto;
}

#newConnectionModal .rightPart table th,
#newConnectionModal .rightPart table td {
    padding: 3px 4px;
}

#newConnectionModal .rightPart table td {
    padding: 1px 2px;
    position: relative;
}

#newConnectionModal .rightPart table th {
    background: #e0e0e0;
}

#newConnectionModal .rightPart table th:nth-child(1),
#newConnectionModal .rightPart table td:nth-child(1) {
    width: 170px;
}

#newConnectionModal .rightPart table th:nth-child(2),
#newConnectionModal .rightPart table td:nth-child(2) {
    width: 345px;
}

#newConnectionModal .rightPart table th:nth-child(3),
#newConnectionModal .rightPart table td:nth-child(3) {
    width: 25px;
}

#newConnectionModal .rightPart table td input.form-control {
    height: 20px;
    max-width: inherit;
    padding: 5px 10px 5px 5px;
}

#newConnectionModal .rightPart table td .hasError {
    position: absolute;
    content: "!";
    display: block;
    right: 3px;
    top: 1px;
    bottom: 2px;
    background: red;
    width: 10px;
    border-radius: 0 4px 4px 0;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

#newConnectionModal .rightPart table td button {
    /* background: none; */
    border: none;
    /* color: #f44336;
        padding: 0 4px; */
}

/* #newConnectionModal .rightPart table td button span {
            font-size: 12px;
        } */

#newConnectionModal .rightPart #connectIdPersistVariables {
    position: relative;
    top: 3px;
    margin: 0 2px 0 5px;
}

#newConnectionModal .rightPart .autoSuggestionList {
    position: absolute;
    left: 2px;
    top: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    width: 160px;
    z-index: 9;
    border: 1px solid #dddddd;
    display: none;
}

#newConnectionModal .rightPart .autoSuggestionList > li {
    border-bottom: 1px solid #dddddd;
    padding: 2px 5px;
    cursor: pointer;
}

#newConnectionModal .rightPart .autoSuggestionList > li:hover {
    background: #f3f3f3;
}

#newConnectionModal .rightPart .autoSuggestionList > li:last-child {
    border-bottom: none;
}

#loginForm {
    border-left: 1px solid #cccccc;
    position: relative;
    min-width: 430px;
    padding-left: 60px;
}

#loginForm:before {
    content: "OR";
    display: block;
    position: absolute;
    left: -18px;
    top: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-top: -18px;
    background: #d6d6d6;
    color: #333333;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.microsoftSignUpLink {
    padding-left: 90px;
    padding-top: 65px;
    text-align: center;
}

.login-page .microsoftSignUpLink {
    padding-top: 23px;
}

.externalLoginArea h1 {
    font-size: 26px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin: 0 0 20px;
}

.externalLoginArea h2 {
    font-size: 18px;
}

.externalLoginArea h2.moreLineHeight {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}

.externalLoginArea p {
    font-size: 12px;
}

.externalLoginArea p strong {
    color: #1e78d8;
}

.externalLoginArea fieldset {
    background: #eee;
    display: inline-block;
    padding: 25px 20px 30px;
    border-radius: 5px;
    font-size: 12px;
}

.externalLoginArea ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.externalLoginArea ul li {
    position: relative;
}

.externalLoginArea ul label {
    padding-right: 15px;
    position: relative;
    top: -3px;
}

.externalLoginArea input#Email {
    width: 300px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.externalLoginArea input[type="submit"] {
    float: left;
    background: #06537D !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    border: none !important;
    min-width: 110px;
}

.externalLoginArea .field-validation-error {
    position: absolute;
    /* left: 50px; top: 38px; */
    left: 19px;
    top: 34px;
    color: #ff0000;
}

.validation-summary-errors {
    overflow: hidden;
    color: #ff0000;
    margin: 10px 0;
    text-align: center;
}

/*--jsTree styling--*/
.jstree-default a {
    height: 28px !important;
    vertical-align: middle;
}

.jstree-anchor {
    height: 28px !important;
    vertical-align: middle;
}

.jstree-default li > ins {
    vertical-align: middle;
}

.jstree-default .jstree-anchor {
    line-height: 30px !important;
    margin-top: -1px;
}

.jstree-icon {
    width: 24px;
    height: 28px !important;
    line-height: 28px !important;
    vertical-align: middle;
}

/*--DevExtreme Grid Styling--*/
.dx-datagrid-header-panel .dx-toolbar {
    margin: 0;
    height: 30px;
    background-color: transparent;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: #222222;
    padding: 5px 20px;
}

.dx-datagrid-headers .dx-row .dx-datagrid-action {
    background: #606060;
    color: #ffffff;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle;
}

.dx-datagrid .dx-row > td {
    font-family: "Roboto", sans-serif !important;
    font-size: 11px;
    color: #000000;
    padding: 0px 5px 0px 5px;
}

.dx-datagrid-rowsview .dx-row {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.dx-datagrid-table {
    border-bottom: 1px solid #aaa;
}

.dx-datagrid .dx-toolbar-after {
    right: 5px;
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
    margin-left: 0;
}

.dx-datagrid-header-panel .dx-toolbar-button {
    border-color: #cccccc;
    opacity: 1;
}

.dx-datagrid-header-panel .dx-apply-button {
    border-color: #cccccc;
    background: #ffffff;
    opacity: 1;
    font-size: 12px;
}

.dx-datagrid-header-panel .dx-icon,
.dx-datagrid-header-panel .dx-apply-button .dx-icon {
    color: #757575;
    opacity: 1;
}

.dx-datagrid-header-panel .dx-apply-button .dx-icon {
    font-size: 12px;
}

.dx-toolbar-text-auto-hide .dx-button,
.dx-toolbar-text-auto-hide .dx-state-hover {
    border-color: #cccccc;
    background: #ffffff;
    border-radius: 6px;
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.dx-button-has-icon .dx-button-content {
    padding: 4px 12px;
}

.dx-calendar-navigator-previous-month .dx-button-content,
.dx-calendar-navigator-next-view .dx-button-content {
    padding: 0;
}

.dx-toolbar-after .dx-toolbar-item {
    padding-left: 3px;
}

.dx-toolbar-item-content {
    cursor: pointer;
}

.dx-custom-pagination {
    float: left;
    padding-right: 5px;
}

.dx-custom-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dx-custom-pagination ul li {
    float: left;
    margin-right: 3px;
}

.dx-custom-pagination ul li button {
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    margin-top: 2px;
}


.dx-datagrid-group-panel .dx-group-panel-item {
    background: #fafafa;
    padding: 2px 5px;
    margin: 5px 0 0 5px;
    border: 1px solid #cccccc;
}

.dx-header-row td.dx-datagrid-group-space {
    background: transparent;
    border-right: 1px solid #aaaaaa !important;
}

.dx-datagrid-filter-row .dx-datagrid-group-space {
    background: transparent;
    border-right: 1px solid #aaaaaa !important;
}

.dx-scrollable-scrollbar .dx-scrollable-scroll .dx-scrollable-scroll-content {
    background: #606060 !important;
    opacity: 0.3;
}

.dx-freespace-row {
    height: 0px !important;
}

.dx-datagrid-header-panel {
    overflow: visible;
}

.exportOptions {
    margin-left: 6px;
    position: relative;
    display: block;
}

.exportOptions button {
    padding: 4px;
    font-size: 11px;
    line-height: 0px;
    background: #f9f9f9;
    color: #757575;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 23px;
    width: 39px;
    text-align: center;
    overflow: hidden;
    transform: rotate(180deg);
}

.exportOptions button span.icon-shareview {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    top: -2px;
}

.exportOptions ul {
    position: absolute;
    right: -4px;
    top: 23px;
    width: 120px;
    margin: 0;
    list-style: none;
    z-index: 9;
    border: 1px solid #ccc;
    display: none;
}

.exportOptions ul li a {
    padding: 2px 6px 3px;
    display: block;
    color: #000000;
    background: #ffffff;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    font-weight: normal;
}

.exportOptions ul li a img {
    display: inline;
    margin-right: 5px;
    font-weight: normal;
}

.exportOptions ul li a:hover {
    background: var(--light-gray);
}

.exportOptions:hover ul {
    display: block;
}

.dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.dx-datagrid-header-panel .dx-button-has-icon .dx-button-content {
    padding-bottom: 3px;
}

.dx-datagrid-header-panel .dx-toolbar-after .dx-toolbar-item {
    position: relative;
    top: 0;
}

.dx-pager .dx-pages .dx-info {
    display: inline-block;
    margin-right: 9px;
    opacity: 1;
}

.dx-header-row > td {
    padding: 0 8px;
    background-color: #606060;
}

.dx-data-row > td {
    padding: 0 8px;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    border-radius: 0;
    padding: 0;
    padding-right: 30px !important;
}

/*
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #2f6bc6;
}
*/

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-bottom: 1px solid #2f6bc6;
    border-top: 1px solid #2f6bc6;
}

.dx-datagrid-rowsview .dx-selection.dx-row.textGray > td,
.dx-datagrid-rowsview .dx-selection.dx-row > td.textGray,
.dx-datagrid-rowsview .dx-selection.dx-row > td.textGray > a,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.textGray {
    background-color: #2f6bc6;
    color: lightgray !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row.bgWhiteFontGreen > td,
.dx-datagrid-rowsview .dx-selection.dx-row > td.bgWhiteFontGreen,
.dx-datagrid-rowsview .dx-selection.dx-row > td.bgWhiteFontGreen > a,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.bgWhiteFontGreen {
    background-color: #2f6bc6;
    color: lightgreen !important;
}

/*
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: #2f6bc6;
    color: #606060;
}
*/
#changeMonitorWrapper .inner table td:nth-child(4),
#changeMonitorWrapper .inner table th:nth-child(4) {
    width: 70px;
    text-align: center;
    padding-top: 2px;
}

.subjectColumn {
    width: 60px;
    text-align: center;
}

.subjectColumn a {
    color: var(--default-black);
}

.subjectColumn #lnkMakeSubject {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.subjectColumn #lnkIsSubject {
    display: none;
    color: var(--default-black);
}

#tblChangeMonitoring tr:hover #lnkMakeSubject {
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

#tblChangeMonitoring tr.hasSubjectStatus #lnkMakeSubject {
    display: none;
}

#tblChangeMonitoring tr.hasSubjectStatus #lnkIsSubject {
    display: block;
}

#tblChangeMonitoring tr.hasSubjectStatus td {
    font-weight: bold;
    background: #e8f4f9 !important;
}

.invite-box {
    font-size: 14px;
}

.invite-box .externalLoginArea h1 {
    margin-bottom: 15px;
}

.invite-box .btn {
    margin-right: 10px;
}

.invite-box .externalLoginArea p {
    font-size: 14px;
}

.invite-box .externalLoginArea p strong {
    color: #000;
}

.invite-box .externalLoginArea input[type="submit"] {
    padding: 7px 15px;
}

.externalLoginArea h1.error-list-title {
    margin: 0;
}

.error-list {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 0 30px;
    list-style: none;
}

.error-list li {
    margin-bottom: 10px;
}

.error-title {
    padding: 0 30px;
    font-size: 16px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

.pageloadShow:focus {
    outline: none;
}

.pageloadShow .modal-dialog {
    margin: 0 auto;
    /* padding: 30px 0; */
}

.registerForm .star_sign {
    position: absolute;
    right: 4px;
    top: 28%;
    color: #ff0000;
    display: none;
}

#instanceSliderWrapper #leftSliderArrow {
    /* position: absolute;
    left: -20px;
    top: -1px; */
    cursor: pointer;
}

#instanceSliderWrapper #leftRunsWrap {
    background: #f7f7f7;
    border: 1px solid #ddd;
    width: 185px;
    position: absolute;
    left: 20px;
    top: 7px;
    z-index: 20;
}

#instanceSliderWrapper ul#leftRuns {
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-bottom: none;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    overflow-y: auto;
    height: calc(100vh - 108px);
}

#instanceSliderWrapper ul#leftRuns > li {
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 12px;
}

#instanceSliderWrapper ul#leftRuns > li:hover {
    background: #ffffff;
}

#instanceSliderWrapper #leftRunsWrap .loading {
    padding: 3px 10px;
}

#instanceSliderWrapper #rightSliderArrow {
    /* position: absolute;
    right: -20px;
    top: -1px; */
    cursor: pointer;
}

#instanceSliderWrapper #rightRunsWrap {
    background: var(--light-gray);
    border: 1px solid var(--border-color);
    width: 185px;
    position: absolute;
    right: 30px;
    top: 7px;
    z-index: 20;
    box-shadow: 0 1px 2px var(--input-shadow);
}

#instanceSliderWrapper ul#rightRuns {
    width: 100%;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-bottom: none;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    overflow-y: auto;
    height: calc(100vh - 108px);
}

#instanceSliderWrapper ul#rightRuns > li {
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 12px;
}

#instanceSliderWrapper ul#rightRuns > li:hover {
    background: #ffffff;
}

#instanceSliderWrapper #rightRunsWrap .loading {
    padding: 3px 10px;
    text-align: right;
}

#instanceSliderWrapper .closeListButton {
    position: absolute;
    right: -7px;
    top: -7px;
    font-size: 14px;
    color: #fff !important;
    background: #ccc !important;
    padding: 0;
    border-radius: 50%;
    height: 16px !important;
    width: 16px !important;
    cursor: pointer;
}

#instanceSliderWrapper .closeListButton span {
    position: relative;
    top: -2px;
    left: 4px;
    font-size: 8px;
}

#tabstrip-second .add-script-parameter-container .description-container.dropdown {
    padding-top: 5px;
}

.add-script-parameter-container #txtScriptUrl {
    height: 20px;
    margin-right: 8px;
}

/* #dvScriptActions .add-script-parameter-container .tblAddViewMappingsWrapper { 
    margin-top: 12px;
    margin-left: 2px;
} */

#dvScriptActions .add-script-parameter-container #tblAddViewMappings {
    margin: 0;
}

#dvScriptActions .add-script-parameter-container #tblAddViewMappings tr th {
    padding-bottom: 4px;
    position: relative;
    height: 32px;
}

#dvScriptActions .add-script-parameter-container #tblAddViewMappings tr th:last-child {
    min-width: 80px;
}

#dvScriptActions .add-script-parameter-container #tblAddViewMappings tr td {
    padding: 2px 5px 2px 0;
    border: none;
}

#dvScriptActions .add-script-parameter-container #tblAddViewMappings tr td button {
    margin-right: 3px;
}

#dvScriptActions #tblAddViewMappings .form-control {
    height: 26px;
}

#dvScriptActions #tblAddViewMappings .select2.select2-container {
    top: 0;
    margin-left: 0;
}

#dvSchedule .AddRuleSets #tblAddRuleSets {
    margin: 0;
}

#dvSchedule .AddRuleSets #tblAddRuleSets tr th {
    padding: 5px;
    border-bottom: 1px solid var(--default-black);
    border-top: 1px solid var(--default-black);
    background: transparent;
}

#dvSchedule .AddRuleSets #tblAddRuleSets tr th:first-child {
    text-align: center;
}

#dvSchedule .AddRuleSets #tblAddRuleSets tr td {
    padding: 5px;
    border: none;
    text-align: center;
    border-bottom: 1px dashed rgba(50, 43, 79, 0.5) !important;
}

#dvSchedule .AddRuleSets #tblAddRuleSets tr:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.05) !important;
}

#dvSchedule .AddRuleSets #tblAddRuleSets tr td button {
    margin-right: 3px;
}

#dvSchedule #tblAddRuleSets .form-control {
    height: 26px;
}

#dvSchedule #tblAddRuleSets .select2.select2-container {
    top: 0;
    margin-left: 0;
}

#dvSchedule #tblAddRuleSets .ruleSetName {
    width: 90%;
    border: 1px solid #ccc;
}

.jstree-anchor.hasUnderline {
    text-decoration: underline;
}

.schedule-script-btn.refresh {
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
    box-shadow: 0 0 1px #999;
    position: relative;
    top: 0px;
    left: 5px;
}

.grid-container .schedule-script-btn.refresh {
    margin: 10px 0 10px 0;
}

.grid-container #tblScriptParams th,
.grid-container #tblScriptParams td {
    padding: 5px 10px;
}

.grid-container #tblScriptParams th button,
.grid-container #tblScriptParams td button {
    padding: 0 !important;
}

.grid-container #tblScriptParams th {
    border-bottom: 1px solid var(--default-black);
    border-top: 1px solid var(--default-black);
    background: transparent;
}

.grid-container tbody tr:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.05) !important;
}

.paramCheckBox {
    margin: 5px 10px 0px;
}

.btn-transparent {
    background: none;
    border: none;
    padding: 0;
}

#manageGroupsModal .modal-dialog {
    width: 400px;
}

#manageGroupsModal .manageGroupsModalDetails {
    padding: 5px 10px;
}

#manageGroupsModal .manageGroupsModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#manageGroupsModal .manageGroupsModalDetails .form-group {
    margin-bottom: 10px;
}

#manageGroupsModal .manageGroupsModalDetails .form-control {
    max-width: 100%;
}

.manageGroupsModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

#treeCopyModal .modal-dialog {
    width: 400px;
}

#treeCopyModal .treeCopyModalDetails {
    padding: 5px 0 0;
}

#treeCopyModal .treeCopyModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#treeCopyModal .treeCopyModalDetails .form-group {
    margin-bottom: 10px;
}

#treeCopyModal .treeCopyModalDetails .form-control {
    max-width: 100%;
}

#treeCopyModal .modal-footer {
    padding: 5px;
}

.treeCopyModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}





#treePasteModal .modal-dialog {
    width: 400px;
}

#treePasteModal .treePasteModalDetails {
    padding: 5px 10px;
}

#treePasteModal .treeCopyModa1lDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#treePasteModal .treePasteModalDetails .form-group {
    margin-bottom: 10px;
}

#treePasteModal .treePasteModalDetails .form-control {
    max-width: 100%;
}

.treePasteModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

#createNewEnvironmentModal .modal-dialog {
    width: 400px;
}

#createNewEnvironmentModal .createNewEnvironmentModalDetails {
    padding: 5px 0 0;
}

#createNewEnvironmentModal .createNewEnvironmentModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#createNewEnvironmentModal .createNewEnvironmentModalDetails .form-group {
    margin-bottom: 10px;
}

#createNewEnvironmentModal .createNewEnvironmentModalDetails .form-control {
    max-width: 100%;
}

.createNewEnvironmentModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

#createNewEnvironmentModal .modal-footer {
    padding: 5px;
}

#addNewCertificateModal .modal-dialog {
    width: 400px;
}

#addNewCertificateModal .addNewCertificateModalDetails {
    padding: 5px 10px;
}

#addNewCertificateModal .addNewCertificateModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#addNewCertificateModal .addNewCertificateModalDetails .form-group {
    margin-bottom: 10px;
}

#addNewCertificateModal .addNewCertificateModalDetails .form-control {
    max-width: 100%;
}

#addNewCertificateModal .addNewCertificateModalDetails #txtCertPublicKey {
    min-height: 100px;
    min-width: 300px;
}

.addNewCertificateModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

#setToolTipForScriptParamsModal .setToolTipForScriptParamsModalDetails {
    padding: 5px 10px;
}

#setToolTipForScriptParamsModal .setToolTipForScriptParamsModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#setToolTipForScriptParamsModal .setToolTipForScriptParamsModalDetails .form-control {
    max-width: 100%;
}

.setToolTipForScriptParamsModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

.setToolTipForScriptParamsModal .setToolTipForScriptParamsModalDetails textarea.form-control {
    min-height: 150px;
    border-radius: 0;
    resize: none;
}

#attachScriptToParameterControlModal .modal-dialog {
    width: 80vw;
}

#attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails {
    padding: 5px 10px;
}

#attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails .form-group {
    margin-bottom: 10px;
}

#attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails .form-control {
    max-width: 100%;
    margin-top: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.attachScriptToParameterControlModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

.attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails textarea.form-control {
    min-height: 150px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    resize: none;
}

#attachScriptToParameterControlModal .modla-body,
#attachScriptToParameterControlModal .attachScriptToParameterControlModalDetails {
    padding: 0;
}

#attachScriptToParameterControlModal .form-group {
    margin: 0;
}


#sampleJavascriptModal .modal-dialog {
    width: 530px;
}

#sampleJavascriptModal .sampleJavascriptModalDetails {
    padding: 5px 10px;
}

#sampleJavascriptModal .sampleJavascriptModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#sampleJavascriptModal .sampleJavascriptModalDetails .form-group {
    margin-bottom: 10px;
}

#sampleJavascriptModal .sampleJavascriptModalDetails .form-control {
    max-width: 100%;
    margin-top: 7px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sampleJavascriptModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

.sampleJavascriptModal .sampleJavascriptModalDetails textarea.form-control {
    min-height: 150px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    resize: none;
}

#sampleJavascriptModal .modla-body,
#sampleJavascriptModal .sampleJavascriptModalDetails {
    padding: 0;
}

#sampleJavascriptModal .form-group {
    margin: 0;
}

#createRuleSetModal .modal-dialog {
    width: 400px;
}

#createRuleSetModal .createRuleSetModalDetails {
    padding: 5px 10px;
}

#createRuleSetModal .createRuleSetModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#createRuleSetModal .createRuleSetModalDetails .form-group {
    margin-bottom: 10px;
}

#createRuleSetModal .createRuleSetModalDetails .form-control {
    max-width: 100%;
}

.createRuleSetModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}


.actionLookupModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

refreshParamConfigModal .modal-dialog {
    width: 400px;
}

#refreshParamConfigModal .refreshParamConfigModalDetails {
    padding: 5px 10px;
}

#refreshParamConfigModal .refreshParamConfigModalDetails label {
    margin-bottom: 2px;
    font-size: 12px;
}

#refreshParamConfigModal .refreshParamConfigModalDetails .form-group {
    margin-bottom: 10px;
}

#refreshParamConfigModal .refreshParamConfigModalDetails .form-control {
    max-width: 100%;
}

.refreshParamConfigModalDetails .select2.select2-container {
    top: 0;
    width: 100% !important;
    margin-left: 1px;
    min-width: 100%;
}

#scriptActionModal #lookup-views-content {
    height: auto !important;
}

#scriptActionModal .form-control.invalidBindTarget {
    color: red;
}

#scriptActionModal #views-content {
    height: auto !important;
}

#navigateScriptActionModal #sourceScriptViews {
    height: auto !important;
}

#scriptActionModal .actionModal-assignColumns-container h3.sectionLegend {
    position: absolute;
    top: -11px;
    margin: 0;
    background: #e2e2e2;
    padding: 4px 15px;
    left: 10px;
}

#scriptActionModal .actionModal-assignColumns-container .btn-primary {
    padding: 2px 8px;
    font-size: 12px;
    margin-bottom: 8px;
}

#scriptActionModal .actionModal-assignColumns-container #tblColumnMapping {
    margin: 0;
}

#scriptActionModal .actionModal-assignColumns-container #tblColumnMapping tr td {
    padding: 2px 5px 2px 0;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container .formSection {
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 22px 10px 5px;
    position: relative;
    background: #f9f9f9;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container h3.sectionLegend {
    position: absolute;
    top: -11px;
    margin: 0;
    background: #e2e2e2;
    padding: 4px 15px;
    left: 10px;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container .btn-primary {
    padding: 2px 8px;
    font-size: 12px;
    margin-bottom: 8px;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container .tblNavigateActionColumnMappingWrapper {
    max-height: 150px;
    overflow-y: auto;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container #tblNavigateActionColumnMapping {
    margin: 0;
}

#navigateScriptActionModal .navigateActionModal-assignColumns-container #tblNavigateActionColumnMapping tr td {
    padding: 2px 5px 2px 0;
}

#scriptActionModal .modal-footer label.limitto_lable {
    width: 100%;
    margin-top: 10px;
}

#scriptActionModal .modal-footer label.limitto_lable .limit-text {
    display: inline-block;
    float: left;
    padding-top: 2px;
}

#scriptActionModal .modal-footer label.limitto_lable input[type="text"] {
    max-width: 14% !important;
    margin-left: 6px;
    margin-right: 5px;
    float: left;
    height: 20px !important;
    padding: 5px !important;
}

.CBListModal .modal-body #divCBList table th,
.CBListModal .modal-body #divCBList table td {
    width: 240px;
}

.CBListModal .modal-body #divCBList table th:last-child,
.CBListModal .modal-body #divCBList table td:last-child {
    width: 60px;
    text-align: center;
}

.scriptActionModal .modal-body .tblColumnMappingWrapper table th,
.scriptActionModal .modal-body .tblColumnMappingWrapper table td {
    width: 200px;
}

.scriptActionModal .modal-body .tblColumnMappingWrapper table th:nth-child(3),
.scriptActionModal .modal-body .tblColumnMappingWrapper table td:nth-child(3),
.scriptActionModal .modal-body .tblColumnMappingWrapper table th:last-child,
.scriptActionModal .modal-body .tblColumnMappingWrapper table td:last-child {
    width: 70px;
    text-align: center;
}

.CBListModal .add-new__btn {
    font-size: 12px;
    display: inline-block;
    margin-top: 8px;
    margin-left: 5px;
}



.setToolTipForPropertyListModal .modal-dialog {
    max-width: 390px;
}

.setToolTipForPropertyListModal .modal-body table tr td {
    padding: 3px;
}

.setToolTipForPropertyListModal .modal-body table thead tr th {
    padding: 3px;
}

.setToolTipForPropertyListModal .modal-body #divTooltipPropertyList {
    max-height: 250px;
    overflow: auto;
}

.setToolTipForPropertyListModal .add-new__btn {
    font-size: 12px;
    display: inline-block;
    margin-top: 8px;
    margin-left: 5px;
}

.ellipses {
    height: 18px;
    width: 26px;
    padding: 6px;
}

.ellipses:focus {
    outline: none !important;
}

.ellipses::after {
    content: "...";
    position: relative;
    top: -14px;
    font-size: 17px;
    left: -3px;
}

.microsoftSignUpLink.loginLinkKUPage {
    padding-top: 15px;
    padding-left: 0;
}

h2 .pageHeadLogo {
    margin-right: 15px;
    max-width: 80px;
    height: auto;
}

.myMarker {
    position: absolute;
    background: rgba(100, 200, 100, 0.5);
    z-index: 20;
}

.bgRed {
    color: #F76E6E !important;
    background-color: #FDE2E2 !important;
}

.bgYellow {
    color: #2E2925 !important;
    background-color: #FEF7ED !important;
}

.bgBlue {
    background-color: #ECF0FD !important;
    color: #1238A0 !important;
}

.bgGreen {
    background-color: #E5F7F3 !important;
    color: #2F8641 !important;
}

.textGray {
    color: hsl(0, 0%, 50%) !important;
}

.textBold {
    font-weight: bold;
}

.bgRedFontWhite {
    background-color: #F76E6E !important;
    color: #fff !important;
}

.bgWhiteFontRed {
    color: #F76E6E !important;
}

.bgWhiteFontGreen {
    color: #2F8641 !important;
}


.bgGreenFontWhite {
    background-color: #2F8641 !important;
    color: #fff !important;
}

.dx-datagrid .dx-row.bgGreenFontWhite td {
    color: #fff;
}

.dx-datagrid .dx-row.bgRedFontWhite td {
    color: #fff;
}

.dx-datagrid .dx-row.bgWhiteFontRed td {
    color: #F76E6E !important;
}

.dx-datagrid .dx-row.bgWhiteFontGreen td {
    color: #2F8641 !important;
}

.dx-datagrid .dx-row.textGray td {
    color: gray !important;
}

.dx-datagrid .dx-row.textBold td {
    font-weight: bold;
}

.tickIcon {
    background-image: url(Images/icon-circle-check.svg);
}

.infoIcon {
    background-image: url(Images/icon-circle-info.svg);
}

.questionIcon {
    background-image: url(Images/icon-circle-question.svg);
}

.exclamationIcon {
    background-image: url(Images/icon-circle-exclamation.svg);
}

.crossIcon {
    background-image: url(Images/icon-circle-xmark.svg);
}

.cancelIcon {
    background-image: url(Images/icon-circle-ban.svg);
}

.tickIcon,
.infoIcon,
.questionIcon,
.exclamationIcon,
.crossIcon,
.cancelIcon {
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent !important;
    /* background-color: transparent !important; */
}


.dx-datagrid-table .dx-row .tickIcon,
.dx-datagrid-table .dx-row .infoIcon,
.dx-datagrid-table .dx-row .questionIcon,
.dx-datagrid-table .dx-row .exclamationIcon,
.dx-datagrid-table .dx-row .crossIcon,
.dx-datagrid-table .dx-row .cancelIcon {
    background-position: center;
}

#rowDetailsModal #tblRowData .tickIcon,
#rowDetailsModal #tblRowData .crossIcon,
#rowDetailsModal #tblRowData .cancelIcon,
#rowDetailsModal #tblRowData .infoIcon,
#rowDetailsModal #tblRowData .exclamationIcon,
#rowDetailsModal #tblRowData .questionIcon {
    background-position: 4px 0px;
    background-position-y: center;
}

a.tickIcon,
a.crossIcon,
a.cancelIcon,
a.infoIcon,
a.exclamationIcon,
a.questionIcon {
    display: block;
    cursor: pointer;
    padding: 5px;
}

.configuredColumn {
    width: 60px;
    text-align: center;
}

.defaultAction {
    width: 60px;
    text-align: center;
}

.configuredColumn a {
    color: var(--default-black);
}

.defaultAction a {
    color: var(--default-black);
}

.configuredColumn #lnkConfigureFormatting {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.defaultAction #lnkDefaultAction {
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    position: absolute;
    right: 10px;
}

.configuredColumn #lnkFormatted {
    display: none;
    color: var(--default-black);
}

.defaultAction #lnkDefaultActionSet {
    display: none;
    color: var(--default-black);
}

#listColumnChooser li:hover #lnkConfigureFormatting {
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

#listColumnChooser li:hover #lnkDefaultAction {
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

#listColumnChooser li.hasSubjectStatus #lnkConfigureFormatting {
    display: none;
}

#listColumnChooser li.hasDefaultAction #lnkDefaultAction {
    display: none;
}

#listColumnChooser li.hasSubjectStatus #lnkFormatted {
    display: block;
}

#listColumnChooser li.hasDefaultAction #lnkDefaultActionSet {
    display: block;
}

#listColumnChooser li.hasSubjectStatus td {
    font-weight: bold;
    background: #e8f4f9 !important;
}


#listColumnChooser li.hasDefaultAction td {
    font-weight: bold;
    background: #e8f4f9 !important;
}

/* added by bidhu */
#columnChooserWrapper #listColumnChooser li .configuredColumn {
    display: inline-block;
    width: 36px;
    position: absolute;
    right: 20px;
    top: 0;
}

#columnChooserWrapper #listColumnChooser li .defaultAction {
    display: inline-block;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

#listColumnChooser li:hover > div:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

#tblConfigureColumnDisplayList .select2.select2-container {
    min-width: 200px;
    top: 0;
}

#tblConfigureColumnDisplayList .select2.select2-container .select2-selection--single {
    height: 26px !important;
}

.badges {
    display: inline-block;
    width: 40px;
    height: 20px;
    float: right;
    margin-top: 0px;
}

/*end*/

.clsPropertyList td,
.clsOptionPropertyList td {
    padding: 0 !important;
    vertical-align: top !important;
}

.clsPropertyList td input[type="text"][readonly],
.clsOptionPropertyList td input[type="text"][readonly] {
    border: none !important;
    background: #fff;
}

.clsPropertyList td:first-child {
    width: 120px !important;
}

.clsOptionPropertyList td:nth-child(2) {
    width: 120px !important;
}

.clsPropertyList td input[type="text"],
.clsOptionPropertyList td input[type="text"] {
    border: none;
}

.clsPropertyList input[type="text"].form-control {
    margin-left: 0px !important;
}

.clsOptionPropertyList input[type="text"].form-control {
    margin-left: 0px !important;
}

.clsOptionPropertyList input[type="checkbox"] {
    margin-left: 5px;
    margin-top: 5px;
}

.paramrows {
    margin-bottom: 15px;
}

.paramrows .optParamYesNo {
    margin-top: 2px;
}

.clsPropertyList {
    margin-left: -5px;
    margin-bottom: 0px;
}

.clsOptionPropertyList {
    margin-left: -5px;
}

#tblScriptParamsForRun tr.paramrows td {
    padding-bottom: 9px !important;
}

tr.paramrowsCtrl > td {
    /* margin-top: 10px !IMPORTANT; */
    padding-bottom: 9px !important;
}

.workload-grid__container {
    height: calc(100vh - 110px);
}

.sub-grid__container {
    height: calc(100vh - 373px);
}

.cancel-btn {
    font-size: 12px;
    margin-top: -6px;
    padding: 5px;
    margin-left: 2px;
}

.workloadCancel-btn {
    background: transparent;
    border: none;
    padding: 0 12px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none !important;
    color: var(--default-gray) !important;
    border-left: 1px solid var(--border-color);
}
.workloadCancel-btn:hover {
    color: var(--default-blue) !important;
}

.connectid_cmd_btn {
    float: right !important;
    background: none;
    border: 0;
    padding: 0 12px;
    border-left: 1px solid var(--border-color);
    color: var(--default-gray) !important;
}
.connectid_cmd_btn:last-child,
button.connectid_cmd_btn:last-of-type {
    border-left: 0;
}

.connectid_cmd_btn:hover {
    color: var(--default-blue) !important;
}

.sort-group {
    float: left;
    padding-top: 5px;
    padding-right: 10px;
}

.sort-group span {
    margin-right: 5px;
}

.my-container .form-control {
    height: 40px;
    width: 100%;
    border-radius: 5px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 20px;
    color: var(--default-black);
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px var(--input-shadow);
}

.my-container .validation-summary-errors {
    margin: 0;
}

.my-container .select2-container--default {
    max-width: 280px;
}

.my-container .select2-container--default .select2-selection {
    border: 1px solid #ddd;
}

.send-btn {
    padding: 4px;
    font-size: 11px;
    line-height: 0px;
    background: #439ab5;
    color: #ffffff;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 23px;
    text-align: center;
    overflow: hidden;
    margin-left: 2px;
    vertical-align: middle;
    margin: 0;
    display: inline-block;
    margin: 0px 0 0px 0px;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
    box-shadow: 0 0 1px #999;
}

.send-btn:hover {
    background: #439ab5;
    color: #fff;
}

.add-btn {
    padding: 4px;
    font-size: 11px;
    line-height: 0px;
    background: #439ab5;
    color: #757575;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #ccc;
    height: 23px;
    text-align: center;
    overflow: hidden;
    margin-left: 2px;
    margin: 0px 0 0px 0px;
    color: #fff;
    border: none;
    background: #439ab5;
    padding: 4px 10px;
    border-radius: 3px;
    box-shadow: 0 0 1px #999;
}

.add-btn:hover {
    background: #439ab5;
    color: #fff;
}

.my-area h3 {
    font-weight: 700;
    margin: 0 0 .25rem;
    display: block;
    line-height: 1.5rem;
    color: #2c2d30;
    font-size: 15px;
    padding: 10px 15px 5px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

.selectRole {
    height: 22px;
    border-radius: 0;
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid var(--default-black);
}

.my-area .btn-frame,
.my-area .header-area {
    display: inline-block;
}

.top-bar-area {
    margin-bottom: 10px;
}

.bottom-footer {
    position: relative;
    text-align: left;
    /* background: #fff; */
    color: var(--default-black);
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px 8px 20px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.bottom-footer small,
.connectIdAssignments small,
.subgrid-sharing small {
    font-weight: 400;
    line-height: 1;
    color: #777;
    margin-left: 5px;
}

.myTeamHeader {
    background: #e9e9e9;
}

.myTeamHeader:after {
    clear: both;
    content: '';
    display: block;
}

.myTeamHeader h1 {
    float: left;
}

.myTeamHeader .topSearch {
    float: right;
    margin: 0;
    position: relative;
}

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

.topSearch > form > ul {
    height: 36px;
    display: flex;
    align-items: center;
}

.topSearch > form > ul > li {
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    border-left: 1px solid var(--border-color);
}
.topSearch > form > ul > li:last-child {
    margin-right: 12px;
}

.topSearch > form > ul > li > span {
    color: var(--default-gray);
}

.topSearch > form > ul > li > span:hover {
    color: var(--default-blue);
}

.topSearch > form > ul > li > label {
    padding-top: 6px;
    padding-right: 7px;
    vertical-align: top;
    font-size: 12px;
}

.topSearch .dx-widget {
    display: block;
}

.topSearch ul > li select {
    line-height: 20px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #eee;
    height: 26px;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    width: 100%;
}

.topSearch ul > li input[type="button"] {
    background: #439ab5;
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

.topSearch .myd-con {
    display: inline-block;
    text-align: center;
}

.topSearch .myd-con span {
    display: inline-block;
}

.searchArea {
    position: relative;
}

#permissionModal .userAutoSuggestionList {
    position: absolute;
    left: 0;
    top: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    width: 99%;
    z-index: 999;
    border: 1px solid #dddddd;
    display: none;
    max-height: 180px;
    overflow-y: auto;
    box-shadow: 0 1px 2px var(--input-shadow);
}

#permissionModal .userAutoSuggestionList > li {
    border-bottom: 1px solid var(--border-color);
    padding: 5px;
    cursor: pointer;
}

#permissionModal .userAutoSuggestionList > li:hover {
    background: var(--light-blue);
}

#permissionModal .userAutoSuggestionList > li:last-child {
    border-bottom: none;
}

.user-detail-model .inner-heading {
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 600;
}


.user-detail-model .confirmRole {
    font-size: 12px;
    font-weight: 600;
}


.user-detail-model .custom-message {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
}

.user-detail-model .modal-dialog {
    max-width: 400px;
}

.max-auto .modal-dialog {
    max-width: none;
}

.user-detail-model .modal-body table th {
    background: #dddddd;
    border-color: #cccccc;
    padding: 5px 8px;
}

.user-detail-model .modal-body table td {
    padding: 5px 8px;
}

.my-list .list-group-item {
    padding: 6px !important;
}

.scriptExtensionLink-model .inner-heading {
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 600;
}


.scriptExtensionLink-model .confirmRole {
    font-size: 12px;
    font-weight: 600;
}

.scriptExtensionLink-model .custom-message {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
}

.scriptExtensionLink-model .modal-dialog {
    max-width: 400px;
}


.scriptSignEditorDisableWarning .inner-heading {
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 600;
}


.scriptSignEditorDisableWarning .confirmRole {
    font-size: 12px;
    font-weight: 600;
}

.scriptSignEditorDisableWarning .modal-body {
    padding: 0px;
    padding-bottom: 0;
}

.scriptSignEditorDisableWarning .modal-body .modal-footer {
    padding: 6px 0;
}

.scriptSignEditorDisableWarning .custom-message {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
}

.scriptSignEditorDisableWarning .modal-dialog {
    max-width: 500px;
}

.signedScriptInfo-model .inner-heading {
    margin: 0 auto 10px;
    font-size: 14px;
    font-weight: 600;
}


.signedScriptInfo-model .confirmRole {
    font-size: 12px;
    font-weight: 600;
}

.signedScriptInfo-model .custom-message {
    padding-left: 10px;
    font-size: 12px;
    font-weight: 600;
}

/*======== 27 Aug 18========*/
.instanceSlider {
    width: calc(100% - 620px);
}

#tblAddViewMappings tr td:first-child {
    width: 5px;
}

#tblAddViewMappings tr td:first-child span {
    opacity: 0;
    color: #555;
}

#tblAddViewMappings tr:hover td:first-child span {
    opacity: 1;
}

#tblAddViewMappings tr td:first-child span:hover {
    cursor: move;
}

.ScriptFilterColumns,
.RuleSetFilterColumns {
    width: 100%;
}

.ScriptFilterColumns td,
.RuleSetFilterColumns td {
    padding-right: 5px;
}

.ScriptFilterColumns > tbody > tr > td,
.RuleSetFilterColumns > tbody > tr > td {
    padding: 2px;
}

.ScriptFilterColumns > tbody > tr > td:last-child,
.RuleSetFilterColumns > tbody > tr > td:last-child {
    text-align: center;
    padding-top: 6px;
}

.ScriptFilterColumns th,
.RuleSetFilterColumns th {
    background: #f3f3f3;
}

.filterOperator {
    width: 100%;
    min-height: 40px;
    border-radius: 5px;
}

.scriptQueryBuilderModalDetails .add-new__btn,
.manageGroupsModalDetails .add-new__btn {
    display: inline-block;
    margin-bottom: 8px;
}

.scriptQueryBuilderModalDetails .scriptFilterTable,
.manageGroupsModalDetails .ruleSetFilterTable {
    max-height: 180px;
    overflow-y: auto;
}

.scriptQueryBuilderModalDetails #loadingViewsImg,
.manageGroupsModalDetails #loadingViewsinRuleSetBuilderImg {
    display: inline-block;
    padding: 4px;
    margin-top: 0px;
}

.scriptQueryBuilderModalDetails #loadingViewsImg img {
    margin-top: -2px;
}

.dx-datagrid-headers .highlight {
    background-color: #606060 !important;
    text-decoration: underline !important;
    color: #03A9F4 !important;
    word-wrap: normal !important;
    opacity: .8;
    font-weight: 600;
}

.dx-datagrid-headers .highlight:hover {
    opacity: .7;
}

.dx-popup-content .my-list {
    list-style-type: disc;
    padding-left: 20px;
}

.btn-right-frame {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.max-w {
    max-width: 280px;
}

#divRequestSubmissionProgress {
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: grey;
    opacity: 0.8;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
}

#divRequestSubmissionProgress .loader {
    position: relative;
    top: inherit;
    right: inherit;
}

#divRequestSubmissionProgress div {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

#frmInvites .col-xs-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.chkMSonly {
    vertical-align: bottom;
}

.emailtoteam {
    position: absolute;
    top: 10px;
    left: -30px;
    color: var(--default-gray) !important;
    text-decoration: none !important;
}
.emailtoteam:hover {
    color: var(--default-blue) !important;
}

.copyaddresses {
    position: absolute;
    transform: translate(-105%, 50%);
    margin-top: 5px;
}

.scriptQueryBuilderModalDetails #loadingViewsImg img,
.manageGroupsModalDetails #loadingViewsinRuleSetBuilderImg img {
    margin-top: -2px;
}

.position-set {
    position: absolute;
    top: 4px;
    right: 0;
}

.pr-20 {
    padding-right: 20px !important;
}

.greendot {
    height: 5px;
    width: 5px;
    background-color: lawngreen;
    border-radius: 50%;
    display: inline-block;
}

.ruleSetHeader {
    padding-bottom: 19px !important;
}

.testRuleSet {
    color: #757575;
}

.mt-3 {
    margin-top: 3px !important;
}

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

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

.CBListModal .modal-dialog.fix-w,
.CBOptionPropertyListCtrlSourceTargetFieldMap .modal-dialog.fix-w {
    max-width: 300px;
}




/* .roleInfo label,
    .roleInfoConnectID label,
    .environmentInfoConnectID label {
        display: block;
        font-size: 13px;
    } */

.roleInfo span,
.roleInfoConnectID span,
.environmentInfoConnectID span {
    font-size: 12px;
}

a.my-link {
    font-size: 11px;
    color: #000;
}

.nowrap {
    white-space: nowrap;
}

.my-custom-grp-btn {
    padding: 0px 5px;
    background: #439ab5;
    border-color: #439ab5;
    border: none;
    font-size: 15.3px;
    height: 21px;
    box-shadow: 0 0 1px #999;
}

.btn-group .dropdown-menu .divider {
    margin: 0;
}

.btn-group .dropdown-menu > li > a {
    margin: 0;
    font-size: 11px;
}

.btn-group .dropdown-menu {
    min-width: 98px;
    padding: 0;
}

#tblColumnMapping {
    width: 100%;
}


#tilesMenu {
    overflow: auto;
}

#tilesMenu li {
    word-break: break-all;
}

.permissionModal .error-text {
    color: red;
    margin: 5px 0 0;
    font-size: 12px;
    text-align: left;
    padding-left: 0;
}

div#permissionModal {
    z-index: 99999;
}

.iconpicker .iconpicker-items {
    max-height: 193px;
}


#divParameterFooter .form-control {
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    max-width: 150px;
    font-size: 12px;
    box-shadow: none;
}

#tblTooltipPropertyList th,
#tblTooltipPropertyList td {
    width: 240px;
}

#tblTooltipPropertyList th:last-child,
#tblTooltipPropertyList td:last-child {
    width: 60px;
    text-align: center;
}

#tblTooltipPropertyList .select2.select2-container {
    min-width: 140px;
    margin-left: 0;
}

.setToolTipForPropertyListModal .modal-body #tblTooltipPropertyList .form-control {
    margin: 0;
    height: 24px;
    min-width: 190px;
}

.setToolTipForPropertyListModal .modal-body #tblTooltipPropertyList table tr td {
    padding: 0 3px;
}

#tblTooltipPropertyList .select2.select2-container {
    top: 0;
}

#setToolTipForPropertyListModal a.add-new__btn {
    margin-left: 5px;
    margin-top: 4px;
}

#setToolTipForPropertyListModal .col-md-5 {
    text-align: left;
}

#setToolTipForPropertyListModal .modal-footer {
    padding: 10px 5px;
}



/* .iconpicker-items a i {
    font-size: 18px;
} */

.iconpicker-component i {
    font-size: 14px;
}

.iconpicker-component + .iconpicker-element .caret {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid;
    border-bottom: transparent;
    margin: 8px 0;
}

.appSwitcher ul.dropdown-menu li a i {
    font-size: 26px;
    margin-top: 24px;
}

div#divPermissionFooter div[class*="col-"] > span {
    text-align: left;
    display: block;
    float: left;
    max-width: 50px;
    margin-right: 5px;
    margin-top: 3px;
}

div#divPermissionFooter div[class*="col-"] > span + input[type="text"] {
    float: left;
    width: calc(100% - 50px);
}

.permissionModal .modal-footer .btn_container {
    margin-top: 20px;
}

#divPermissionFooter .btn-group {
    margin-left: 8px;
}

#divPermissionFooter .col-xs-6 {
    margin-top: 10px;
    text-align: left;
}

.permissionModal .tooltip {
    z-index: 1151 !important;
}

#attachScriptToParameterControlModal .select2.select2-container {
    min-width: unset;
}

#attachScriptToParameterControlModal .modal-body {
    overflow: hidden;
}

#attachScriptToParameterControlModal .form-group {
    margin-bottom: 0 !important;
}

#attachScriptToParameterControlModal .modal-footer {
    padding: 7px;
}

#sampleJavascriptModal .select2.select2-container {
    min-width: unset;
}

#sampleJavascriptModal .modal-body {
    overflow: hidden;
}

#sampleJavascriptModal .form-group {
    margin-bottom: 0 !important;
}

#sampleJavascriptModal .modal-footer {
    padding: 7px;
}

#attachScriptToParameterControlModal .ace-tm {
    min-height: 300px;
    margin-top: 10px;
}

#divPermissionFooter .chkbox-container {
    max-width: 110px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#divPermissionFooter .chkbox-container input[type="checkbox"] {
    margin-top: 0;
    margin-right: 5px;
}

#divTilesContainer .col-xs-7 {
    padding-left: 0;
    padding-right: 0;
}

#divTilesContainer .col-xs-7 .col-sm-12,
#divTilesContainer .col-xs-7 .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}

#sampleJavascriptModal .sampleJavascriptModalDetails textarea.form-control {
    min-height: 250px;
    color: #808080;
    margin: 0;
}

.allowQuerying input[type="checkbox"] {
    position: relative;
    top: 3px;
}

#txtScriptUrl {
    /* min-width: 325px; */
    flex: 1;
    /* text-overflow: ellipsis; */
    border: 0;
    border: 1px solid #ccc;
    padding-left: 4px;
}

.createViewAsNode {
    margin-top: 7px;
    margin-bottom: 5px;
}

#permissionsloader {
    text-align: center;
}

#selectPermissibleUsersForViews .tableWrap {
    max-height: 220px;
    overflow-y: auto;
}

#selectPermissibleUsersForViews .tableWrap table {
    table-layout: fixed;
    width: 100%;
}

#selectPermissibleUsersForViews .tableWrap tr td {
    /* max-width: 55% !important; */
    word-break: break-all;
}

#selectPermissibleUsersForViews .tableWrap th:first-child {
    width: 320px;
}


.userAutoSuggestionListConnectID,
.userAutoSuggestionListEnvSharing {
    position: absolute;
    left: 0px;
    top: 40px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: rgb(255, 255, 255);
    width: calc(100% + 40px);
    z-index: 999;
    border: 1px solid rgb(221, 221, 221);
    display: none;
    max-height: 200px;
    overflow-y: auto;
}

.userAutoSuggestionListConnectID li,
.userAutoSuggestionListEnvSharing li {
    border-bottom: 1px solid #eeeeee;
    padding: 6px;
    cursor: pointer;
}

.userAutoSuggestionListConnectID li:hover,
.userAutoSuggestionListEnvSharing li:hover {
    background-color: rgba(90, 80, 130, .3);
    color: var(--default-black) !important;
}

#rdConnectIdType:disabled {
    background-color: #eee;
}

.custom_spinner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .6);
}

.custom_spinner img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}


#selectPermissibleUsersForViews h3 {
    margin-top: 5px;
}

span#displayParamWarning {
    max-width: 98%;
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    padding: 0 5px;
}

#customRoleModal .modal-header .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    opacity: 1;
}

#customRoleModal .modal-body table {
    width: 100%;
}

#customRoleModal .modal-body table th {
    background: #f3f3f3;
    padding: 3px 5px;
    border: 1px solid #ccc;
    text-align: center;
}

#customRoleModal .modal-body table th:first-child {
    text-align: left;
}

#customRoleModal .modal-body table td {
    border: 1px solid #ccc;
    padding: 1px 5px;
    /* min-width: 70px; */
    text-align: center;
}

#customRoleModal .modal-body table td,
#customRoleModal .modal-body table th {
    width: 70px;
}

#customRoleModal .modal-body table td label {
    margin-right: 0;
}

#customRoleModal .modal-body table td:first-child,
#customRoleModal .modal-body table th:first-child {
    width: 225px;
}

#customRoleModal .modal-body table td:first-child input {
    text-overflow: ellipsis;
}

#customRoleModal .modal-body table td.action-cell,
#customRoleModal .modal-body table th.action-cell {
    width: 50px;
}

#customRoleModal .modal-body table .form-control {
    padding: 5px;
    font-size: 12px;
    height: 26px;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#customRoleModal .modal-footer {
    padding: 6px;
}

#customRoleModal .btn-add {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin: 8px 0;
    background-color: #337ab7;
    border-color: #337ab7;
}

#customRoleModal span.glyphicon-remove {
    color: #f00;
}

#restSecurityModal .modal-body {
    padding-bottom: 15px;
}

#restSecurityModal .modal-body .form-select {
    display: flex;
    align-items: center;
    margin: 2rem 0 3rem 0;
}

#restSecurityModal .modal-body .form-select .select-container {
    width: 150px !important;
    float: right;
    margin-left: 40px;
}

#restSecurityModal .modal-body .form-select .select-container select {
    width: 148px !important;
    height: 32px !important;
}

#restSecurityModal .modal-body .select2-container.select2-container--disabled .select2-selection {
    padding-left: 0;
}

#restSecurityModal .modal-body .fixed-header-table tbody {
    max-height: 130px !important;
}

#restSecurityModal .modal-body table td,
#restSecurityModal .modal-body table th {
    width: 135px;
}

#restSecurityModal .modal-body table td:first-child,
#restSecurityModal .modal-body table th:first-child {
    width: 182px;
}

#restSecurityModal .modal-body table td.action-cell,
#restSecurityModal .modal-body table th.action-cell {
    width: 60px;
    text-align: right;
}

.invitesContainer div.container-fluid.my-container:first-child .glyphicon-remove {
    display: none;
}

#frmInvites .invitesMainContainer .add-row {
    height: 20px;
    border-bottom: 1px solid var(--default-black);
    padding-right: 10px;
}

.login-page .text-danger {
    color: red;
    display: block;
    padding: 5px 0 0;
    font-size: 11px;
    max-width: 280px;
}

.validation-summary-errors.text-danger {
    max-width: 100%;
}

.invite-grid__container .dx-link {
    color: #000 !important;
    text-decoration: none;
    display: block;
}

.invitation_cmd_btn {
    font-size: 14px;
    background: transparent;
    border: none;
    overflow: hidden;
    padding: 0;
}

#loginForm .form-horizontal .form-group {
    margin-left: 0px;
}

.validation-summary-errors.text-danger > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.right-form__container {
    padding: 5px 31px 31px 31px;
    border-left: 1px solid #cccccc;
}

.invite-form__wrapper .right-form__container {
    padding: 5px 31px 31px 60px;
}

.header__wrapper {
    padding: 10px 31px 10px 31px;
}

.header__wrapper p {
    margin-top: 8px;
}

.invite-form__wrapper .left-content__wrapper {
    padding: 5px 31px 31px 31px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.invite-form__wrapper .left-content__wrapper a.login-btn {
    display: inline-block;
    text-align: center;
    margin-top: 27px;
}

.ms-shadow {
    background: #000;
    box-shadow: 0 0 30px 0px #676767;
}

.invite-form__wrapper .form-group {
    position: relative;
}

.invite-form__wrapper .star_sign {
    position: absolute;
    top: 2px;
    color: #ff0000;
    padding: 0px 4px 0px;
}


.invite-form__wrapper .right-form__container:before {
    content: "OR";
    display: block;
    position: absolute;
    left: -18px;
    top: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-top: -18px;
    background: #d6d6d6;
    color: #333333;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.invite-form__wrapper .right-form__container input[type="submit"] {
    background: #06537D;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    border: none;
    min-width: 110px;
}

.invite-form__wrapper .text-danger {
    color: red;
    padding: 6px 0 0px 0;
    display: block;
}

.invite-form__wrapper .form-group > lable {
    font-size: 13px;
    padding-bottom: 5px;
    font-weight: bold;
}

.invite-form__wrapper .form-group > lable span.mandatory {
    color: red;
}

div#userNotActive .modal-body p {
    font-size: 13px;
}

div#userNotActive .modal-body p.indent-more {
    padding-left: 11px;
}

.login-page .form-group {
    position: relative;
}

.login-page .star_sign {
    position: absolute;
    top: 4px;
    color: #ff0000;
    padding: 0px 4px 0px;
}

.invite-form__wrapper .para_invite {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.8em;
}

.invite-form__wrapper .form-title__secondary {
    font-size: 13px !important;
    font-weight: bold;
}

.invite-form__wrapper .gmail_msg {
    padding-left: 20px;
}

#userRequiredDetails .modal-footer .btn {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
}

#userWithSSOForce .modal-footer .btn {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
}

.pageloadShow {
    display: block;
}

#NoSharedContent .modal-footer .btn {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
}

#existingUserInvite .btn {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
}


#existingUserInvite input[type="submit"] {
    min-width: 60px;
}

.servicenow {
    font-size: 16px;
    color: #e21b23;
}

.emailconnectid {
    font-size: 18px;
    /* color: #0072c6; */
    /* color: #999; */
    vertical-align: middle;
}

.dx-datagrid-content .emailconnectid {
    font-size: 16px;
    margin: 0 7px 0 0;
}

.emailconnectid::before {
    color: #999 !important;
}

.no-border {
    border: 0 !important;
}

.registerdenied p {
    font-size: 14px;
}

.registerdenied .f-24 {
    font-size: 24px;
}

.float-none {
    float: none !important;
}


.validation-summary-errors.text-danger.register-list ul {
    padding-left: 0;
    list-style: none;
}

.validation-summary-errors.text-danger.register-list li {
    list-style: none;
    text-indent: 0;
}

.error-header {
    margin-top: 5px;
    color: red;
    text-align: center;
}

#dvScriptSign {
    display: inline-block;
    top: -2px;
    position: relative;
}

#dvScriptSign img {
    max-width: 27px;
}

#chkRequiresSignedScripts {
    vertical-align: middle;
    margin-top: 0;
}

.chkRequiresSignedScripts-spacing {
    margin-top: 10px;
    margin-bottom: 5px;
}

.fs-14 {
    font-size: 14px;
}

/*29 April Taruna Css*/

#signedScriptInfoModal .certificate-sign {
    width: 100%;
    display: inline-block;
}

/*29 April Taruna Css Close*/

#signedScriptInfoModal .certificate-sign img {
    height: 100px;
    width: auto;
}

.image-grey {
    opacity: .4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.RunOnlyAsExplicitScript td {
    color: #ccc !important;
}

.dropdown-submenu.dropdown-position {
    position: relative;
}

.users-tab {
    background-color: #e8e8e8;
}

.users-tab > li > a {
    padding: 5px 10px;
    color: #000;
}

#tab1 .workload-grid__container {
    height: calc(100vh - 178px);
}

#tab2 .workload-grid__container,
#tab3 .workload-grid__container,
#tab4 .workload-grid__container {
    height: calc(100vh - 118px) !important;
}

.divCopyScriptsProgress,
.divCreateEnvironmentProgress {
    width: 100%;
    background-color: white;
}

.copyScriptsProgressBar,
.createEnvironmentProgressBar {
    width: 1%;
    height: 20px;
    background-color: #dccb23;
    margin-top: 5px;
}

#rowDetailsModal .modal-content {
    border: 2px solid #ccc;
    border: 2px solid #787878;
    border-radius: 0;
}

#rowDetailsModal .modal-header {
    background: #a5a5a5 !important;
    border-radius: 0;
    padding: 10px 10px;
}

#rowDetailsModal .modal-header h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 8px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100vw - 168px);
}

#rowDetailsModal .tblRowDataHeader {
    color: #737373;
    padding: 0;
    margin: 0 0 10px 5px;
    font-size: 16px;
}

#rowDetailsModal .modal-header select {
    width: 150px;
}

#rowDetailsModal #tblRowData {
    border: 1px solid #ededed;
    width: 100%;
    table-layout: auto;
}

#rowDetailsModal #tblRowData td {
    border: 1px solid #ededed;
    padding: 5px !important;
    font-size: 12px;
    color: #555;
    height: 30px;
}

#rowDetailsModal #tblRowData td:first-child {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rowDetailsModal #tblRowData td a {
    font-size: 12px;
    color: #555;
}

#rowDetailsModal #tblRowData td,
#rowDetailsModal #tblRowData td pre {
    white-space: pre-wrap;
}

#rowDetailsModal .rowDetailsModalDetails .scrollable-table {
    max-height: 350px;
    overflow: auto;
    position: relative;
    overflow-x: hidden;
}

#rowDetailsModal .modal-footer {
    padding: 8px;
    text-align: right;
}

#rowDetailsModal .btn-group .dropdown-toggle {
    background: transparent;
    box-shadow: none;
}

#rowDetailsModal .btn-group .dropdown-menu {
    min-width: 98px;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    left: -12vw;
}

#rowDetailsModal .btn-group .dropdown-menu > li > a {
    white-space: break-spaces;
}

#rowDetailsModal .lightning-btn {
    padding: 2px;
    font-size: 11px;
    line-height: 0px;
    background: none;
    color: none;
    border-radius: 2px;
    border: none;
    text-align: center;
    overflow: hidden;
    margin-left: 2px;
    position: absolute;
    top: 20px;
    right: 28px;
}

#rowDetailsModal .lightning-btn span {
    height: 20px;
    width: 28px;
    padding: 3px 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

.iw-cm-menu {
    z-index: 99999;
}

#tblRowData .form-control {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    border: 0;
    box-shadow: none;
    min-width: 150px;
    height: unset;
    text-overflow: ellipsis;
}

#divShowAllSolutions {
    position: absolute;
    top: 8px;
    right: 20px;
}

#lblTechPreview {
    font-size: 12px;
    font-weight: normal;
    margin: 0 4px 0 0;
}

.ui-menu .ui-menu-item:hover {
    background: #eaeaea;
}

ui-menu {
    max-height: 450px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow: auto;
}

#btnShowAllLogs {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: bold;
    min-height: auto;
    padding: 2px 8px !important;
}

.parametersModal #tblScriptParamsForRun textarea {
    width: 100%;
    max-width: 100%;
    resize: vertical;
}

#setCBMemoPropertiesModal .modal-dialog {
    max-width: 300px;
}

#setCBMemoPropertiesModal .modal-footer {
    padding: 5px 15px;
}

#setCBMemoPropertiesModal .modal-body .form-control {
    display: inline-block;
    max-width: 170px;
}

#setCBMemoPropertiesModal label {
    margin-right: 10px;
}

#setCBMemoPropertiesModal .modal-body {
    padding: 15px 10px;
}

#customRoleModal #manageRolesTable .input-wrapper {
    position: relative;
}

#customRoleModal #manageRolesTable .input-wrapper .roleName {
    padding-right: 60px;
}

#customRoleModal #manageRolesTable .input-wrapper span {
    position: absolute;
    top: 5px;
    right: 30px;
}

#customRoleModal #manageRolesTable .input-wrapper i {
    position: absolute;
    top: 8px;
    right: 10px;
}

/* .customRoleModal_actions {
}

    .customRoleModal_actions a {
        display: inline-block;
        margin-left: 2px !important;
        padding-right: 9px;
        position: relative;
        padding-top: 4px;
    }

        .customRoleModal_actions a:not(:last-child):after {
            content: "|";
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
        } */

#scriptQueryBuilderModal .preview-modal .scriptQueryBuilderModalDetails {
    float: left;
    width: 450px;
    /* border-right: 1px solid #ccc; */
    margin-right: 5px !important;
    height: 100%;
}

#scriptQueryBuilderModal .scriptQueryBuilderModalDetails .filters-block {
    margin-top: 30px !important;
}

#scriptQueryBuilderModal .preview-role {
    display: none;
}

#scriptQueryBuilderModal .preview-modal .preview-role {
    display: block;
    float: left;
    width: 230px;
    padding: 0 0 0 15px;
    position: relative;
    min-height: 300px;
    margin-left: 5px !important;
}

#scriptQueryBuilderModal .preview-modal .preview-role ul {
    max-height: 70vh;
    overflow: auto;
    margin-top: 15px;
}

#scriptQueryBuilderModal .preview-modal .preview-role ul li {
    margin-bottom: 5px;
    font-size: 11px;
    list-style: none;
}

#scriptQueryBuilderModal .preview-modal .preview-role label {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 8px;
    display: block;
}

#scriptQueryBuilderModal .preview-modal .preview-role .btn {
    font-weight: bold;
    height: 20px;
    width: 28px;
    padding: 1px 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
    float: right;
    background: #fff;
    color: #636363;
}

/* #scriptQueryBuilderModal .modal-dialog {
    width: 400px;
} */
#scriptQueryBuilderModal .preview-modal.modal-dialog {
    width: 750px;
}

#scriptQueryBuilderModal .preview-modal.modal-dialog .modal-body {
    flex-direction: row !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

label#noExternalUsersFoundText {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.color-red {
    color: red;
}

.color-warning {
    color: #ffae42;
}

.radio-under-div {
    margin-bottom: 10px;
}

.select-under-input {
    margin-left: 30px;
    margin-top: 5px;
}

.vertical-align-bottom {
    vertical-align: text-bottom;
}

.btn-configured {
    border: 1px solid #555;
}

.btn-configured:hover {
    border: 1px solid #555 !important;
}

.form-group.description-container .btn.btn-default.btn-param-config {
    height: 19px;
    width: 24px;
    padding: 0 !important;
}

.btn-param-config:hover {
    color: #757575 !important;
}

.btn-param-config-warning {
    height: 20px;
    width: 20px;
    padding: 0px 6px;
    line-height: 0px;
}

/* .tableFixHead thead th {
    position: sticky;
    top: 0px;
    z-index: 999;
}

.tableFixHead-top thead th {
    top: 40px !important;
} */

/* Just common table stuff. Really. */
.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead th {
    padding: 5px 10px;
    /* background: #eee; */
    border-bottom: 1px solid var(--default-black);
    border-top: 1px solid var(--default-black);
    background: transparent;
}

.above-grid-th-center {
    padding: 10px 10px !important;
}

.tableFixHead td {
    padding: 10px 10px;
}

.sharing-edit-div {
    position: absolute;
    cursor: pointer;
    top: 4px;
    right: 10px;
    padding: 5px;
    line-height: 0px;
    height: 23px;
    width: 37px;
    text-align: center;
    overflow: hidden;
}

.subgrid-sharing {
    text-align: left;
    /* background: #fff; */
    color: var(--default-black);
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    position: relative;
}

.task-link-btn-grp {
    list-style: none;
    height: 23px;
    position: absolute;
    top: 3px;
    right: -20px;
    width: 80px;
}

.task-link-btn-grp li {
    margin: 0px 5px 0px 0px;
    border: none;
    display: inline;
    border-radius: 3px;
}

.task-link-btn-grp li button.btn.btn-icon {
    /* color: #fff; */
    border: none;
    background: #439ab5;
    padding: 3px 3px !important;
    border-radius: 3px;
}

.task-link-btn-grp li span {
    font-size: 14px;
    position: relative;
}

.task-link-btn-grp li span.taskIcon {
    background-image: url("/Content/Images/icon-bot-idea.svg");
    height: 16px;
    width: 16px;
    background-size: 16px;
    display: inline-block;
}

.task-link-btn-grp li span i {
    font-size: 12px;
    position: absolute;
    bottom: -6px;
    right: -9px;
    /* color: #70B0E0!important */
}

.btn-task-link-sticky {
    position: absolute;
    top: 25px;
    right: 12px;
    /* background: var(--light-gray); */
    padding-top: 5px;
    z-index: 999;
    display: none;
}

.task-link-list-category {
    width: 100%;
}

.task-link-list-above-grid {
    height: 13px;
}

.task-link-list-above-grid-td {
    text-align: center;
}

.checkbox-control,
.radio-control {
    vertical-align: middle;
    margin-top: 0px !important;
}

#taskIconClassSelected,
#linkIconClassSelected {
    font-size: 13px;
}

.limit-div label.limitto_lable input[type="text"] {
    max-width: 14% !important;
    margin-left: 6px;
    margin-right: 5px;
    float: left;
    height: 20px !important;
    padding: 5px !important;
}

.limit-div label.limitto_lable .limit-text {
    display: inline-block;
    float: left;
    padding-top: 2px;
    font-weight: normal !important;
}

#sourceScriptViews .select2.select2-container {
    margin-left: 0px;
    width: 100% !important;
}

.td-task-link-list-views .select2.select2-container {
    width: 100% !important;
}

.context-menu-icon-sub-layout {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    line-height: 1;
}

img.context-menu-icon-sub-layout {
    filter: grayscale(1);
}

.context-menu-icon-layout {
    position: relative;
    padding-left: 25px;
    width: 100%;
}

.context-menu-category-spinright {
    position: absolute;
    right: 0px;
    top: 10%;
}

.ui-slider-line.fas.fa-plus-circle {
    transform: translate(-15px, -3px);
    position: relative;
    color: #000;
    background: transparent !important;
}

#dvPermission .row .col-md-6:first-child {
    padding-right: 7px;
}

#dvPermission .row .col-md-6 + .col-md-6 {
    padding-left: 7px;
}


#dvPermission .formSection {
    min-height: 185px;
}

#dvCommandBuilderAction ul {
    list-style: none;
    margin: 15px auto;
}

#dvCommandBuilderAction ul li {
    margin-top: 5px;
    display: inline-block;
    margin-right: 15px;
}

#dvCommandBuilderAction ul input[type="radio"],
#dvCommandBuilderAction ul input[type="checkbox"] {
    vertical-align: top;
    margin-top: 0;
}

#instance-slider .ui-slider-pip .ui-slider-line-mini {
    height: 4px;
    width: 4px;
    top: 3px;
}

/* .tasks-menu {
    background-color: #fff;
} */
#task-pane {
    background-color: var(--light-gray);
}

.tasks-menu .uncategoried-tasks-list,
.tasks-menu .tasks-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tasks-menu .uncategoried-tasks-list li,
.tasks-menu .tasks-list li {
    position: relative;
}

.tasks-menu .uncategoried-tasks-list li:hover > i,
.tasks-menu .tasks-list li:hover > i {
    opacity: 1;
}

.tasks-menu .uncategoried-tasks-list li > i,
.tasks-menu .tasks-list li > i {
    position: absolute;
    opacity: 0;
    transition: 0.1s all;
    top: 50%;
    right: 5px;
    transform: translateX(-50%);
    height: 3px;
    width: 3px;
    background-color: #323130;
    border-radius: 50%;
}

.tasks-menu .uncategoried-tasks-list li > i::after,
.tasks-menu .tasks-list li > i::after,
.tasks-menu .uncategoried-tasks-list li > i::before,
.tasks-menu .tasks-list li > i::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 3px;
    background-color: #323130;
    border-radius: 50%;
}

.tasks-menu .uncategoried-tasks-list li > i::before,
.tasks-menu .tasks-list li > i::before {
    transform: translateY(-6px);
}

.tasks-menu .uncategoried-tasks-list li > i::after,
.tasks-menu .tasks-list li > i::after {
    transform: translateY(6px);
}

.tasks-menu .uncategoried-tasks-list li a,
.tasks-menu .tasks-list li a {
    font-size: 12px;
    line-height: 16px;
    display: block;
    color: var(--default-gray) !important;
    padding: 10px 20px;
    text-decoration: none;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

.tasks-menu .uncategoried-tasks-list li a:hover,
.tasks-menu .tasks-list li a:hover {
    font-weight: 500;
    color: var(--default-blue) !important;
    background-color: var(--light-blue);
}

.tasks-menu .uncategoried-tasks-list li a:hover .tasks-pane-item-icon,
.tasks-menu .tasks-list li a:hover .tasks-pane-item-icon {
    color: var(--default-blue) !important;
}

.tasks-menu .uncategoried-tasks-list li a i,
.tasks-menu .tasks-list li a i {
    margin-right: 5px;
}

.tasks-menu .tasks-list {
    border-bottom: none;
}

.tasks-menu .categoried-tasks-list {
    height: 100%;
    position: relative;
}

.tasks-list-category {
    color: var(--default-black);
    font-size: 12px;
    font-weight: 500;
    margin: 10px 10px 5px;
    padding: 5px 10px;
}

.tasks-pane-item-text {
    position: relative;
    padding-left: 50px !important;
}

.tasks-pane-item-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    color: var(--default-gray);
    transform: translateY(-50%);
}
.tasks-menu {
    overflow-y: auto;
    height: calc(100vh - 75px);
    scrollbar-width: none;
    overflow-x: hidden;
}

.main-area {
    height: inherit;
}

.li-bottom-border {
    border-bottom: 1px solid rgba(222, 226, 230, 0.87);
    margin-left: 15px;
    margin-right: 15px;
}

.center-div {
    position: relative;
}

#headerTasks {
    border-bottom: 1px solid #ccc;
}

.auto-shrinkbar {
    list-style: none;
    margin: 0;
    padding: 0 0 5px 5px;
    border: 0;
    border-bottom: 1px solid var(--border-color);
}

.auto-shrinkbar .dropdown-menu li {
    float: none;
    height: 30px;
    padding-top: 7px;
}

.auto-shrinkbar .dropdown-menu li:hover,
.auto-shrinkbar li:hover {
    background-color: #f3f2f1;
    cursor: pointer;
}

.auto-shrinkbar .d-none {
    display: none;
}

.auto-shrinkbar:after {
    content: "";
    display: table;
    clear: both;
}

.auto-shrinkbar li {
    float: left;
    padding: 8px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.auto-shrinkbar li div {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: #666;
    font-size: 12px;
}

.auto-shrinkbar li div span {
    font-size: 14px;
}

.custom-loading {
    opacity: 0;
    visibility: hidden;
}

#navbarDropdownMenu {
    padding: 0px 15px;
}

.auto-shrinkbar .dropdown-menu {
    padding: 0px !important;
    border-radius: 0px;
}

.auto-shrinkbar .dropdown-menu li div {
    padding-left: 38px !important;
}

#tabStripUl [data-isdefaultview|=true] {
    text-indent: 1.75em;
    background-repeat: no-repeat;
    background-image: url("/Content/Images/file-small.png");
    background-position-x: 0.75em;
}

#main-horizontal .jqx-splitter-splitbar-vertical {
    z-index: 99;
}

.vakata-context,
.vakata-context ul {
    z-index: 111;
    font-size: 12px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 10px var(--input-shadow);
    border: 1px solid var(--border-color) !important;
}
.vakata-context li.vakata-context-hover > a,
.vakata-context li > a:hover {
    box-shadow: none;
    font-weight: 600;
    color: var(--default-blue) !important;
    background-color: var(--light-blue);
}

.vakata-context li > a > i {
    color: var(--default-black);
}

#parametersModalContent .select2-container--default .select2-selection--multiple .select2-selection__choice {
    word-break: break-all;
    white-space: normal;
    height: auto !important;
}

#divAuthenticationType label,
.runAsOptions label {
    margin-top: 7px !important;
    vertical-align: middle;
    margin-right: 28px !important;
}

.modal-content-full {
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.modal-dialog-full {
    /*width: 100% !important;*/
}

.modal-footer-full {
    position: absolute !important;
    width: 100% !important;
    left: 0 !important;
}

#webUiPage {
    text-align: center;
}

#attachHtmlEditor .jqx-editor-content.jqx-widget-content {
    height: 80% !important;
}

.webui-modal.fade,
.right-fade {
    right: -20px;
    top: 50px;
    -webkit-transition: opacity 1s linear, right 1s ease-out !important;
    -o-transition: opacity 1s linear, right 1s ease-out !important;
    transition: opacity 1s linear, right 1s ease-out !important;
}

.webui-modal.fade.in {
    right: 0;
    top: 50px !important;
}

.webui-modal.modal {
    display: block !important;
    padding: 0px !important;
}

.webui-modal .modal-dialog-full {
    width: 100% !important;
}

.webui-modal .modal-content-full {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.webui-modal .modal-header {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    color: #000 !important;
}

.webui-modal .modal-header .large {
    color: #000 !important;
}

.webui-modal .modal-header .small {
    color: #000 !important;
}

.webui-modal .modal-footer-full .row div.text-left {
    display: none !important;
}

.webui-modal .modal-footer-full .row div.col-md-8 {
    width: 100% !important;
    text-align: center !important;
}

.webui-modal .modal-footer-full {
    padding: 4px !important;
}

.webui-modal .modal-footer button {
    padding: 6px 12px !important;
    border-radius: 0px;
    background-color: #5c3a98;
    border-color: #5c3a98;
}

/* #webUiRunButton button {
    padding: 0px 0px !important;
    background-color: white;
    border-color: white;
}

#webUiRunButton button object:hover {
    cursor: pointer;
} */

/*#webUiRunButton div:first-child {
    height: 75vh;
}
@media screen and (max-width: 769px) {
  #webUiRunButton div:first-child {
    display: none;
  }

  #webUiRunButton div:last-child {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}*/

#webUiRunButton {
    /* padding: 50px; */
}

#webUiRunButton .dv-run-button-txt {
    font-weight: 600;
    color: #5b5090;
    margin: 20px auto 0px;
    font-size: 12px;
    text-align: center;
}

#webUiRunButton .dv-bot-static {
    margin: 0px auto;
    color: #5b5090;
    text-align: center;
    font-size: 12px;
}

#webUiRunButton .dv-run-button-grp-2 {
    color: #5b5090;
    text-align: center;
    margin: 40px auto 30px;
    font-size: 12px;
}

#webUiRunButton .dv-run-button-grp-3 {
    color: #5b5090;
    text-align: center;
    margin: 10px auto 60px;
    font-size: 12px;
}

.webui-form-border {
    border: solid 1px lightgrey;
    padding-left: 10px;
    overflow-y: auto;
    height: calc(100vh - 160px);
}

.webui-modal h3#parametersHeaderView,
.webui-modal h3#botLogs {
    padding: 5px 5px 5px 5px;
}

.webui-modal h3#parametersHeaderView .large,
.webui-modal #webUiLogs .large {
    font-size: 20px;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
}

.webui-modal h3#parametersHeaderView .small,
.webui-modal #webUiLogs .small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #0a0a0a;
}

.webui-modal h3 {
    margin: 0;
    padding: 0;
    color: #0a0a0a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.1;
}

.webform-header {
    border-left: solid 5px #5b5090;
    padding-left: 5px;
}

.webform-header-disable {
    border-left: solid 5px #e5e5e5 !important;
}

.webui-modal .modal-body {
    overflow-y: unset;
    max-height: 100%;
}

.webui-modal .fa-history,
.webui-modal .fa-spinner {
    font-size: 30px;
    padding-top: 10px;
    color: #5b5090;
}

.darkClass {
    opacity: 0.5;
}

/* #runHistory {
    text-align: right;
} */

.submenu li {
    position: relative;
    padding-left: 35px;
}

.submenu a {
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.submenu a:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}

.submenu li:hover {
    background-color: #e5e5e5;
}

.full-width {
    width: 100%;
}

.submenu-active-li {
    background-color: #eee;
}

.ul-expansed {
    transform: rotate(90deg);
}

#webUiLogsContainer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#webUiLogsContainer .chatbot-container {
    max-height: calc(100vh - 160px);
}

#dvLoadingPage {
    overflow-y: auto;
    position: absolute;
    left: 0;
    /*top: 50px;
    bottom: 25px;*/
    top: 0px;
    bottom: 0px;
    right: 0;
    z-index: 1051;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#RunFolderallScript .modal-header {
    background-color: #D3D3D3 !important;
}

#RunFolderallScript .modal-body {
    min-height: unset;
    font-size: 15px;
}

#RunFolderallScript .large {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    color: #000000 !important;
}

#RunFolderallScript .modal-content .modal-header .modal-dialog h3 {
    padding: 5px;
}

#RunFolderallScript .warning-label {
    margin-bottom: 1px;
}

#RunwithoutParameter .ok-btn-run-script {
    background-color: #B4132E !important;
    border-color: #860E22 !important;
}

#RunwithoutParameter .large {
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
    color: #000000 !important;
}

#RunwithoutParameter .small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #000000;
}

#RunwithoutParameter .modal-content .modal-header .modal-dialog h3 {
    padding: 5px;
}

#RunwithoutParameter .warning-label {
    margin-bottom: 1px;
}

#dataTableResetRunModal .ok-btn-reset-data-table {
    background-color: #B4132E !important;
    border-color: #860E22 !important;
}

#dataTableResetRunModal .modal-header {
    background-color: #B4132E !important;
}

#scriptRollback .ok-btn-script-rollback {
    background-color: #B4132E !important;
    border-color: #860E22 !important;
}

#scriptRollback .modal-header {
    background-color: #B4132E !important;
}

h3#parametersHeaderView {
    padding: 5px 5px 5px 5px;
}

#scriptRollback .large {
    font-size: 25px;
    font-weight: normal;
    display: block;
    color: #ffffff !important;
}

#scriptRollback .modal-body {
    min-height: unset;
}

#scriptRollback .small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #fff;
}

#scriptRollback .modal-dialog .modal-content .modal-header h3 {
    padding: 5px;
}

#scriptRollback .warning-label {
    margin-bottom: 15px;
}

#dataTableResetRunModal .large {
    font-size: 20px;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
    color: #ffffff !important;
}

#dataTableResetRunModal .small {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: #fff;
}

#dataTableResetRunModal .rdo-reset-data-table {
    vertical-align: text-bottom;
    margin-right: 5px;
}

#dataTableResetRunModal .rdo-reset-data-table:last-of-type {
    margin-left: 10px;
}


#dataTableResetRunModal .modal-dialog .modal-content .modal-header h3 {
    padding: 5px;
}

#dataTableResetRunModal .warning-label {
    margin-bottom: 15px;
}

.queue-node-icon,
.servicequeue-node-icon {
    font-size: 17px;
    color: #5c3a98;
}

#botDoAgainCofirmModal .modal-content {
    overflow: hidden;
    top: calc(100vh - 60vh);
    border-radius: 10px !important;
}

#botConfirmHeader .large {
    font-size: 20px;
    font-weight: normal;
    display: block;
}

#botDoAgainCofirmModal .modal-content .modal-header {
    background: var(--default-blue) !important;
}

#botDoAgainCofirmModal .modal-content .modal-header h3 {
    color: #fff !important;
}

#botDoAgainCofirmModal .modal-content .modal-footer {
    padding: 5px;
}

#botDoAgainCofirmModal .modal-body {
    min-height: 100px;
}

.btn-cb-bot-default {
    color: #fff;
    background-color: #5b5090;
    border-color: #5b5090;
}

.rdo-do-again {
    vertical-align: text-bottom;
}

#ddlWebformKey + .select2.select2-container {
    min-width: 200px;
    vertical-align: middle;
    top: 0;
}

#ddlWebformKey + .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 2px;
}

#ddlWebformKey + .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0px;
    padding-left: 0px;
}

#ddlWebformKey + .select2-container--default .select2-selection--multiple {
    padding-left: 2px;
    min-height: 23px;
}

.run-history-title {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
}

.myCloudbridgeBtn {
    background: #439ab5;
    border: none;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    float: right;
    display: inline-block;
    margin: 0 0 0 5px;
}

.txtRecordProperties {
    position: relative;
}

.txtRecordProperties div {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.txtRecordProperties div .form-control {
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txtRecordProperties div button {
    background-color: transparent !important;
}

#divSubdomain {
    margin-top: 10px;
}

#spnIncludeSubdomains {
    font-size: 12px;
    display: block;
}

#NoSharedContent .modal-title {
    color: #ffffff !important;
}

#NoSharedContent .ok-btn-access-denied {
    background-color: #B4132E;
    border-color: #860E22;
    color: #fff;
}

#NoSharedContent .modal-header {
    background-color: #B4132E !important;
}

#NoSharedContent .modal-body {
    padding: 15px !important;
}

#NoSharedContentLabel {
    font-size: 20px;
    font-weight: normal;
}


#NoSharedContent .modal-dialog .modal-content .modal-header h3 {
    padding: 5px;
}

/* New CSS theme 2021 */
body {
    margin: 0;
    font-size: 12px !important;
    overflow: hidden;
    color: var(--default-black);
    background: var(--light-gray);
    font-family: "Roboto", sans-serif !important;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

small {
    font-size: 70% !important;
    margin-left: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.jqx-widget-content,
.dx-datagrid,
.dx-datagrid .dx-row > td,
.dx-widget,
.dx-widget input,
.dx-widget textarea {
    font-family: "Roboto", sans-serif !important;
    color: var(--default-black);
}

.form-control::placeholder,
input::placeholder {
    font-weight: normal !important;
    color: var(--default-gray);
}

.btn-group {
    display: flex;
    /* overflow: hidden; */
}

.btn.btn-default,
.alertify-button.alertify-button-cancel {
    padding: 3px 8px;
    font-size: 14px;
    font-weight: 400;
    background: transparent !important;
    border: none !important;
    color: var(--default-black);
    box-shadow: none;
    border-radius: 0;
    max-height: 40px;
}
.alertify-button.alertify-button-ok {
    background: var(--default-blue) !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 26px !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    min-height: 40px;
    max-height: 40px;
}

.btn.btn-primary.disabled,
.btn.btn-primary[disabled],
.alertify-button.alertify-button-ok.disabled,
.alertify-button.alertify-button-ok[disabled] {
    background: var(--light-gray) !important;
    border-color: var(--light-gray) !important;
    color: var(--default-gray) !important;
}

.btn-icon {
    line-height: 1 !important;
    margin: 0 !important;
    border: none !important;
}

.action-icon,
.remove-icon,
.add-icon {
    cursor: pointer;
    font-size: 14px;
    top: inherit;
}

.myTeamHeader .action-icon,
.myTeamHeader .remove-icon,
.myTeamHeader .add-icon,
.invitation_cmd_btn .action-icon,
.invitation_cmd_btn .remove-icon,
.invitation_cmd_btn .add-icon,
.sharing-edit-div .action-icon {
    font-size: 14px;
}

.action-icon a {
    border: none !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-red {
    color: #ff0000;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.vertical-center {
    display: flex;
    align-items: center !important;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100% !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

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

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-fullWidth {
    flex-grow: 1;
}

.spacer-left {
    margin-left: 15px !important;
}

.spacer-right {
    margin-right: 15px !important;
}

.spacer-left-inner {
    margin-left: 10px !important;
}

.spacer-right-inner {
    margin-right: 10px !important;
}

.form-group.description-container {
    display: flex;
    align-items: center;
    margin: 12px 0;
}

.form-group.description-container .btn.btn-primary,
.form-group.description-container .btn.btn-default,
.add-script-parameter-container .btn.btn-primary,
.add-script-parameter-container .btn.btn-default,
.AddRuleSets .btn.btn-primary,
.scheduleTab .btn.btn-primary,
.btn.btn-primary.btn-small {
    padding: 3px 10px !important;
}

.form-group.description-container label.form-label {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    width: 140px;
}

.scheduleTab .form-group.description-container label.form-label,
.parametersPanel .form-group.description-container label.form-label {
    width: 120px;
}

.parametersPanel .form-group.description-container input[type=text],
#dvEditScriptDetails .form-group.description-container input[type=text] {
    flex: 1;
    max-width: 350px;
}

.credentialPanel #lnkSeeInheritedConnectIds {
    margin-left: 50px;
}

.formSection form {
    display: inline-block;
}
/* 
#dvScriptSecrets #tblSecretsMappings th span {
    margin-left: 10px;
} */

/* Modal dialog CSS */

.modal-dialog {
    max-width: 90vw !important;
    transition: all 0.5s;
}

.modal-dialog a {
    color: var(--default-black) !important;
}

.modal-header,
.modal-footer {
    background: transparent !important;
    padding: 12px 20px !important;
}

.modal-header {
    display: flex;
    align-items: center;
    align-items: baseline;
    border-radius: 4px 4px 0 0;
    background: var(--light-gray) !important;
}

.modal-header h3 {
    color: var(--default-black) !important;
    font-size: 16px !important;
    margin: 0;
}

.modal-header .close {
    color: #aaa !important;
    position: absolute;
    top: 9px !important;
    right: 9px !important;
    display: none !important;
}

.modal-header .header-icon {
    margin-right: 10px;
    font-size: 16px;
}

.modal-dialog .modal-content {
    /* border-radius: 0 4px 8px 4px !important; */
    border-radius: 4px !important;
    border: none !important;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.modal-body {
    display: flex;
    padding: 20px;
    flex-direction: column;
    overflow: auto;
    min-height: 150px;
    max-height: calc(100vh - 150px);
}

#thankyouHtmlControlModal .modal-body {
    padding: 0;
}

/* for custom scrollbar for webkit browser*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #888;
    cursor: pointer;
    border: 2px solid #fff;
}

.modal-body .form-block {
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px 0 var(--input-shadow);
    margin: 0 0 24px;
    border-radius: 5px !important;
    padding: 20px;
    position: relative;
}

.modal-body .form-block:last-child {
    margin-bottom: 0;
}

.modal-body .form-block.form-block-withTitle:has(.form-block-title),
.modal-body .form-block:has(.form-block-title) {
    padding-top: 30px;
}

.modal-body .form-block.form-block-withTable {
    padding-top: 25px !important;
}

/* .modal-body .form-block:last-child {
    margin-bottom: 0 !important;
} */
.modal-body .form-block.last-block {
    margin-bottom: 0 !important;
}

.modal-body .form-block .form-block-title {
    position: absolute;
    left: 20px;
    top: -10px;
    /* transform: translatex(-50%); */
    /* background: rgba(239,239,239,0.5); */
    background: #fff;
    z-index: 9;
    padding: 2px 15px;
    /* box-shadow: 0 0 4px 1px rgb(204 204 204 / 40%) !important; */
    border: 1px solid #eee;
    box-shadow: none;
    font-weight: bold;
    /* border-radius: 5px; */
    color: #999;
}

.modal-body .form-group {
    margin: 0 0 24px;
    position: relative;
}

.modal-footer .btn.btn-default {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    max-height: 40px;
    color: var(--default-blue);
    border: 1px solid var(--default-blue);
}

.modal-footer .btn.btn-default:not([disabled]):hover {
    background-color: var(--light-blue);
}

#userChangeProfileModal .modal-body .form-group {
    margin: 24px 0 0;
}

/* .modal-body > .form-group {
    margin: 0 0 18px 0;
} */
.modal-body .form-group-inline {
    margin: 18px 0;
    display: flex;
    align-items: flex-start;
}

.modal-body .form-group-inline .form-group {
    margin: 0 20px 0 0;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
}

.permissionModal .modal-body .form-group-inline .form-group {
    margin: 0 10px 0 0;
}

.permissionModal .modal-body #txtIconName {
    height: 40px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    padding: 10px 14px;
    box-shadow: 0 1px 2px var(--input-shadow);
}

.scriptQueryBuilderModalDetails .form-group-inline .form-group {
    flex: 1;
}

.modal-body .form-group .radio-group {
    margin: 8px 0 !important;
}

.modal-body .form-control {
    max-width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: var(--default-black);
    width: 100%;
    padding: 10px 14px;
    border-radius: 5px;
    background: #fff;
    min-height: 40px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px 0 var(--input-shadow);
}

.modal-body .select2-selection .select2-selection__rendered,
.modal-body textarea {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--default-black);
    padding: 10px 14px !important;
    border-radius: 5px !important;
    background: #fff;
    min-height: 40px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px 0 var(--input-shadow);
}

.modal-body .select2-selection .select2-selection__rendered {
    padding: 10px 34px 10px 14px !important;
}

.modal-body .form-control[disabled],
.modal-body .form-control[readonly] {
    background-color: #f8f8f8;
}

.modal-body textarea {
    resize: none;
    overflow: hidden;
}

.modal-body .select2-container {
    padding: 0 !important;
}

.modal-body .select2-container--default .select2-search--inline .select2-search__field {
    margin: 0;
}

.modal-body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--default-black);
}

.modal-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    width: 40px !important;
    top: 0 !important;
    right: 0 !important;
}

.modal-body textarea.form-control {
    height: auto !important;
}

.modal-body label {
    font-weight: normal;
}

.modal-body td label {
    vertical-align: middle;
}

.modal-body h2 {
    color: var(--default-black) !important;
    padding: 1px 0 !important;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}

.modal-body h3 {
    color: var(--default-black) !important;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 500;
}

.signedScriptInfo-model .modal-body h3 label {
    font-weight: bold;
    width: 100px;
    text-align: right;
    padding-right: 20px;
}

.modal-body h3 span {
    font-weight: 500;
}

.modal-body table {
    border-top: 1px solid var(--default-black);
    border-bottom: 1px solid var(--default-black);
    width: 100%;
    table-layout: fixed;
}

.modal-body table thead {
    border-bottom: 1px solid var(--default-black);
}

.modal-body table th {
    padding: 6px 3px !important;
    font-size: 12px !important;
    color: var(--default-black) !important;
    background: transparent !important;
    border: none !important;
}

.modal-body .fix-header {
    display: flex;
    padding-right: 12px !important;
    border-top: 1px solid var(--default-black) !important;
    border-bottom: 1px solid var(--default-black) !important;
    font-weight: bold;
    margin-bottom: -1px;
}

.modal-body .fix-header-table thead {
    display: none;
}

.modal-body .fixed-header-table table {
    table-layout: fixed;
    border-collapse: collapse;
}

.modal-body .fixed-header-table tbody {
    display: block;
    width: 100% !important;
    overflow: auto;
    max-height: 200px !important;
    min-height: 25px !important;
    height: auto !important;
}

.modal-body .fixed-header-table thead tr {
    display: block;
}


.modal-body table tbody {
    height: calc(100% - 30px) !important;
}

.modal-body table tbody tr:nth-child(even) {
    background-color: #f0f0f0;
    background-color: var(--light-gray) !important;
}

.modal-body table.editable tbody tr:nth-child(even) {
    background-color: transparent !important;
}

.modal-body table.editable .form-control:not([readonly]) {
    border-bottom: 1px solid #f0f0f0 !important;
}

.modal-body table td {
    border: none !important;
    padding: 4px 2px !important;
}

.modal-body table tbody td {
    padding: 4px 2px !important;
    border-bottom: 1px dashed rgba(50, 43, 79, 0.5) !important;
    word-break: break-word;
    vertical-align: middle;
}

.modal-body table a {
    color: var(--default-black) !important;
}

.modal-body table td .form-control {
    border-bottom: none !important;
    /* background: transparent !important; */
}

.modal-body table td .form-control:disabled {
    /* background: transparent !important; */
    opacity: 0.5 !important;
}

.modal-body .searchArea {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.modal-body .searchArea.search-block {
    border-radius: 5px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px var(--input-shadow);
}

.modal-body .searchArea.search-block .search-ddl {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center
}

.modal-body .searchArea input {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 8px !important;
    height: 25px !important;
    padding-left: 17px !important;
}

.modal-body .searchArea.search-block .search-ddl form {
    width: calc(100% - 20px);
}

.modal-body .searchArea.search-block input {
    max-width: unset;
    width: calc(100% - 20px);
    padding: 10px 14px !important;
    border: none !important;
    height: 40px !important;
    border-radius: 5px;
}
.modal-body .searchArea.search-block .action-icon {
    min-width: 40px;
}

.modal-body .searchArea i.fa-search {
    position: absolute;
    top: 8px;
    left: 5px;
    color: #ccc;
    font-size: 10px;
}

.modal-body .searchArea.search-block i.fa-search {
    position: relative;
    top: unset;
    left: unset;
    color: var(--default-black);
    width: 40px;
    height: 40px;
    border-left: 1px solid #eee;
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: center;
}


.ConnectIdVerify_icon {
    position: absolute;
    right: 10px;
    top: 30px;
}

#divPassword #txtNewConnectionPassword {
    padding-right: 40px;
}

/* Modal dialog Customization */
#connectIdModal .modal-dialog {
    width: 830px;
}

#permissionModal .modal-dialog {
    width: 830px;
}

#roleUserModal .modal-dialog {
    width: 500px !important;
}

#newConnectionModal {
    z-index: 1060;
}

#rowDetailsModal .modal-dialog {
    width: 90vw !important;
}

#newConnectionModal .modal-dialog {
    width: 500px !important;
}

#newConnectionModal.expanded .modal-dialog {
    width: 880px !important;
}

.new-connection-modal .modal-dialog .modal-body {
    flex-direction: row;
    max-height: inherit;
}

.new-connection-modal .expandButtons {
    position: absolute;
    top: 10px !important;
    right: 21px !important;
}

.new-connection-modal .expandButtons .btn {
    padding: 0px !important;
    background: transparent !important;
    color: #999 !important;
    outline: none !important;
    box-shadow: none !important;
}

.new-connection-modal .expandButtons .btn span {
    margin-right: 0 !important;
}

.new-connection-modal .modal-body table {
    margin-bottom: 10px;
}

.permissionModal .showingSelectedUsers {
    padding-top: 10px !important;
}

.permissionModal .showingSelectedUsers .tableWrap tbody td {
    height: 45px;
}

.permissionModal .showingSelectedUsers .tableWrap tbody td .custom-checkbox[type="radio"] + label {
    margin-right: 0 !important;
}

.permissionModal .user-list > div {
    border-top: 1px solid var(--border-color);
    padding: 10px 0;
}

.permissionModal .user-list ul {
    list-style: none;
    margin: 0;
}

.permissionModal .user-list ul li label {
    font-weight: bold;
    margin: 0;
    margin-right: 15px;
    position: relative;
}

.permissionModal .userInfoConnectID label {
    width: 61px;
    text-align: right;
}

.scriptActionModal .btn-group,
.navigateScriptActionModal .btn-group,
.permissionModal .btn-group {
    /* border: 1px solid #eee; */
    /* border-radius: 5px; */
    padding: 1px 6px;
    /* width: 70px; */
}

.scriptActionModal .color-picker-selection #taskColorPicker,
.navigateScriptActionModal .color-picker-selection #linkColorPicker,
.permissionModal .color-picker-selection #colorPicker,
.scriptActionModal .icon-selector,
.permissionModal .icon-selector,
#linkIconSelection .icon-selector {
    height: 40px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    background: #fff;
    width: 70px;
    box-shadow: 0 1px 2px var(--input-shadow);
}

#taskColorPicker::-webkit-color-swatch,
#colorPicker::-webkit-color-swatch,
#linkColorPicker::-webkit-color-swatch {
    border-radius: 3px;
    border: 1px solid var(--border-color);
}

.modal-body .add-row {
    position: relative;
    padding: 0 10px 10px 0;
}

.modal-body .add-row a,
.modal-footer a,
.modal-footer i {
    cursor: pointer;
    color: unset;
    font-size: 18px;
}

.federateddomainhelp {
    position: relative;
    top: 1px;
}

.federateddomainhelp i {
    font-size: 21px;
}

.customRoleModal .add-row .customRoleModal_actions {
    position: absolute;
    right: 9px;
    top: 15px;
    box-shadow: 0 0 4px 1px rgb(204 204 204 / 50%) !important;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    z-index: 9;
    opacity: 1;
    /*display: none;*/
}

.customRoleModal .add-row .customRoleModal_actions a {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    font-size: 12px;
}

.customRoleModal .add-row .customRoleModal_actions a:last-child {
    margin-bottom: 5px;
}

/*.customRoleModal .add-row i:hover .customRoleModal_actions {
    opacity: 1;
    display: block;
}*/
.connectIdModal table th,
.connectIdModal table td {
    width: 70px;
}

.connectIdModal table th.username,
.connectIdModal table td.username {
    width: 188px !important;
}

.connectIdModal table th.userid,
.connectIdModal table td.userid {
    width: 290px !important;
}

.connectIdModal table.inheritedConnectIdTable th.userid,
.connectIdModal table.inheritedConnectIdTable td.userid {
    width: 362px !important;
}

/* Alertify Classes */

.alertify {
    /* border-radius: 0 4px 8px 4px !important; */
    font-family: "Roboto", sans-serif;
    border: none !important;
    box-shadow: 3px 3px 6px 4px rgb(0 0 0 / 16%);
}

.alertify .alertify-message {
    display: flex;
    align-items: center;
}

.alertify p.alertify-message {
    display: block;
    word-break: break-word;
}

.alertify .alertify-message i {
    font-size: 25px;
    margin-right: 10px;
}

.alertify .alertify-message i.info-icon {
    font-size: 16px;
    color: var(--default-black);
    border: 1px solid var(--default-black);
    border-radius: 50%;
    padding: 3px 3px 3px 8px;
    width: 24px;
    height: 24px;
}

.alertify-buttons {
    background: transparent !important;
    padding: 12px 20px !important;
}

.alertify.custom {
    width: 300px;
    border-radius: 15px !important;
    overflow: hidden;
    left: calc(50% + 150px);
}

.alertify.custom .alertify-message {
    flex-direction: column;
    padding: 0;
}

.alertify.custom .alertify-message .icon-header {
    width: 100%;
    background: red;
    padding: 15px 0;
    text-align: center;
}

.alertify.custom .alertify-message .icon-header .text-red {
    color: #fff !important;
    font-size: 35px;
}

.alertify.custom .alertify-message .alert-text {
    text-align: center;
    padding: 15px;
}

.alertify.custom .alertify-buttons {
    text-align: center !important;
}

/* Custom Font-icons */

@font-face {
    font-family: 'cb-icons';
    src: url('fonts/cb-icons.eot?kzl4wi');
    src: url('fonts/cb-icons.eot?kzl4wi#iefix') format('embedded-opentype'), url('fonts/cb-icons.ttf?kzl4wi') format('truetype'), url('fonts/cb-icons.woff?kzl4wi') format('woff'), url('fonts/cb-icons.svg?kzl4wi#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="cbIcon-"],
[class*=" cbIcon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'cb-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cbIcon-arrow-up-right:before {
    content: "\e900";
}

.cbIcon-cloud:before {
    content: "\e901";
    font-size: 20px;
}

.cbIcon-cloud-outline:before {
    content: "\e902";
    font-size: 20px;
}

.cbIcon-device:before {
    content: "\e903";
}

.cbIcon-envelope:before {
    content: "\e904";
}

.cbIcon-envelope1:before {
    content: "\e905";
}

.cbIcon-envelope-outline:before {
    content: "\e906";
}

.cbIcon-lock:before {
    content: "\e907";
}

.cbIcon-unlock:before {
    content: "\e908";
}

.cbIcon-service-now:before {
    content: "\e909";
    color: #81b5a1;
}

.cbIcon-rpa:before {
    content: "\e910";
    /*    font-size: 20px;*/
}

input::-webkit-color-picker-indicator {
    display: none;
}

.color-picker-selection {
    position: relative;
}

.color-picker-selection:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 38px;
    cursor: pointer;
    transform: translateY(-50%);
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    pointer-events: none;
}

/* Dynamic modal style override */
.parametersModal label.radio-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
}

.parametersModal .modal-body table {
    border-top: none !important;
    border-bottom: none !important;
}

.parametersModal .modal-body table tbody tr:nth-child(even) {
    background-color: #fff !important;
}

.parametersModal .modal-body table tbody td {
    border-bottom: none !important;
}

.parametersModal .modal-body table td .form-control:not([readonly]) {
    border-bottom: 1px solid #f0f0f0 !important;
}

.parametersModal .custom-checkbox + .labelSpan {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 15px;
    font-weight: normal;
}

.parametersModal .custom-checkbox + label {
    padding-left: 0;
}

.parametersModal .custom-checkbox[type="radio"] + .labelSpan {
    display: inline-flex;
    align-items: center;
    margin-right: 2px;
}

.parametersModal .custom-checkbox:checked + .labelSpan:after {
    width: 10px;
    height: 10px;
    content: "";
    background: var(--default-blue);
    position: absolute;
    border-radius: 10px;
    left: 4px;
}


.parametersModal .custom-checkbox + .labelSpan:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    background: white;
    border: 1px solid var(--default-gray);
}

.parametersModal .custom-checkbox[type="radio"] + .labelSpan:before {
    border-radius: 50%;
}

.parametersModal .custom-checkbox:checked + .labelSpan:before {
    background: #fff;
    border: 1px solid var(--default-blue);
}

.parametersModal .clsPropertyList tr,
.parametersModal .clsOptionPropertyList tr {
    display: flex;
    align-items: center;
}

.parametersModal .clsPropertyList tr td:last-child,
.parametersModal .clsOptionPropertyList tr td:last-child {
    flex: 1;
}

.verify-domain-icon {
    font-size: 20px !important;
}

.verify-domain-icon:after {
    content: '';
    position: absolute;
    left: 26px;
    top: 6px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Tree style CSS 2021 */
/* .jstree-default .jstree-anchor {
    line-height: 26px !important;
}

.jstree-default .jstree-anchor .jstree-icon {
    min-width: 24px;
    background-position: center 6px !important;
    background-size: 14px 14px !important;
    filter: grayscale(1);
}

.jstree-default .jstree-anchor .jstree-icon.datatable-node-icon,
jstree-default .jstree-anchor .jstree-icon.queue-node-icon {
    font-size: 14px;
    filter: grayscale(1);
} */

/* Tabs styles */

.jqx-tabs-title.jqx-tabs-title-selected-top {
    padding-bottom: 5px;
    border-bottom: solid 2px var(--default-black);
    color: var(--default-black);
    font-weight: bold;
    background: transparent;
}

.jqx-tabs-content input[type=text],
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    min-height: 40px;
    width: 100%;
    font-size: 14px;
    padding: 9px 14px;
    border-radius: 5px;
    color: var(--default-black);
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 1px 2px var(--input-shadow);
}

.select2.select2-container {
    min-height: 40px;
}

.formSection form {
    width: 100%;
}


/* Dashboard area Customization 2021 */

a {
    color: var(--default-black) !important;
    /* border-bottom: 1px solid #70B0E0; */
    /* padding-bottom: 2px; */
}

a.styled-link {
    color: var(--default-black) !important;
    border-bottom: 1px solid #70B0E0;
    padding-bottom: 2px;
}

.dx-datagrid .dx-link:not([class*="fas"]) {
    border-bottom: 1px solid #70B0E0;
    padding-bottom: 2px;
    text-decoration: none;
}

#tabstrip-second .formSection a {
    border-bottom: 1px solid #70B0E0;
    padding-bottom: 3px;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.appstore-container .workload-grid__container {
    border-top: 1px solid var(--border-color);
    max-width: 100% !important;
}

.appstore-container h1.store-title,
.appstore-container .myTeamHeader {
    text-align: left;
    background: #ffffff;
    color: var(--default-black);
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    height: 36px;
}

.appstore-container h1.store-title > span,
.appstore-container .myTeamHeader > span {
    font-size: 12px;
    font-weight: 400;
    color: var(--default-gray);
}

.myTeamHeader h1.store-title {
    box-shadow: none;
    border-bottom: none;
}

.dx-datagrid.dx-datagrid-borders {
    margin: 0;
    /*margin: 5px;*/
    width: 100%;
    background: #ffffff;
    /* box-shadow: 3px 3px 6px 0 rgb(0 0 0 / 16%); */
}

#tabstrip .dx-datagrid-borders > .dx-datagrid-rowsview {
    border: none !important;
    /* height: calc(100vh - 280px) !important; */
}

#tabstrip div[data-islog] .dx-datagrid-borders > .dx-datagrid-rowsview {
    height: calc(100vh - 280px) !important;
}

#tabstrip div[data-islog] {
    max-width: 100% !important;
}

.dx-datagrid-headers {
    border-bottom: 1px solid #fff;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row:not(.dx-freespace-row.dx-datagrid-filter-row) > td {
    /* border-top: 1px solid var(--default-black); 
    border-bottom: 1px solid #DEE2E6 !important;*/
    border-right: none;
    border-left: none !important;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel,
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row {
    border-bottom: 1px solid var(--border-color);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-datagrid-filter-row .dx-texteditor-input {
    border: 0 !important;
    max-width: 100%;
}
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td {
    padding-left: 14px !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row:not(.dx-freespace-row) > td {
    /* background-image: linear-gradient(to right, rgba(50,43,79, 0.5) 20%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x; */
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    /* border-bottom: 1px solid #999 !important; */
    position: relative;
}

.dx-datagrid-content .dx-datagrid-table .dx-row:not(.dx-freespace-row) > td:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(50, 43, 79, 0.5) 20%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row:not(.dx-freespace-row.dx-datagrid-filter-row) > td:after {
    display: none;
}

/* .dx-datagrid-content.dx-datagrid-content-fixed .dx-datagrid-table .dx-row {
    border-right: 1px solid rgb(204 204 204 / 80%) !important;
    background-color: #f8f8f8;
} */

.dx-datagrid-content .dx-datagrid-table .dx-row {
    font-weight: normal;
}

.dx-datagrid-content .dx-datagrid-table .dx-row:nth-child(odd) {
    background-color: #f0f0f0;
    background-color: rgba(0, 0, 0, 0.05);
    background-color: #fff;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-editor-cell .dx-texteditor,
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-editor-cell .dx-texteditor .dx-texteditor-input,
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-editor-cell .dx-dropdowneditor {
    background: transparent;
}

.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-icon-filter-operation-default,
.dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-dropdowneditor-icon {
    opacity: 0.5;
}

.dx-datagrid-table {
    border-bottom: none;
}

.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
    min-height: 40px !important;
}

.dx-datagrid-headers .dx-row .dx-datagrid-action {
    background: #fff;
    color: var(--default-black);
    font-weight: bold;
    /* padding-left: 8px; */
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-state-hover > td {
    background-color: var(--light-blue) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td > a {
    background: transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
    background-color: var(--light-gray);
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) > a {
    text-decoration: underline;
    font-weight: bold;
}

.dx-texteditor {
    border: 1px solid #eee im !important;
}

.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-datagrid-borders > .dx-datagrid-headers {
    border: none;
}

#left-pane,
#left-pane-inner {
    border: none;
}

.jqx-grid-groups-header {
    background: #fff;
    border: none;
}

.jqx-grid-header.jqx-widget-header {
    border-top: 1px solid var(--default-black);
    border-bottom: 1px solid var(--default-black);
}

.jqx-widget .jqx-grid-column-header {
    border-right: none;
    border-left: none !important;
    background: #fff !important;
    color: var(--default-black);
    font-weight: bold;
    /* border-color: #fff; */
}

.custom-frame .form-submit input,
.registerdenied .btn.btn-primary {
    height: 30px;
    width: 100%;
    background: #D31137 !important;
    color: #fff !important;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px !important;
    text-transform: uppercase;
    max-width: 270px;
}

/* top Part */

.menubar {
    /* background-color: #322B4F; */
    background-color: #f1f1f1;
}

header .rightPart ul.firstLevel > li.userInfo button {
    color: var(--default-black);
}

.topSearch ul span.calendar-icon .searchBlock ul {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    margin-right: 0;
    height: auto;
}

.topSearch ul span.calendar-icon .searchBlock ul li {
    margin: 5px 0;
    text-align: left;
}

.topSearch ul span.calendar-icon .searchBlock ul li label {
    font-size: 12px;
    font-weight: normal;
    color: var(--default-black);
}

.topSearch ul span.calendar-icon .searchBlock ul li.float-right {
    margin-left: auto;
    margin-top: 15px;
}

.topSearch ul span.calendar-icon .searchBlock ul li input[type="button"] {
    padding: 3px 12px !important;
    border-radius: 5px !important;
    min-height: 30px;
}

.topSearch ul span.calendar-icon .searchBlock {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 9;
    box-shadow: 3px 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 0 4px 8px 4px !important;
    width: 180px;
    background: #fff;
    opacity: 1;
    padding: 10px;
    font-family: "Roboto", sans-serif !important;
}

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

.vs-dark .context-view.monaco-menu-container a {
    color: unset !important;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-item .action-label:focus,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-item .action-label:focus {
    color: #ACDDFF !important;
}

.monaco-command-palette {
    background-color: aliceblue !important;
}

.monaco-quick-open-widget span {
    color: white !important;
}

/* Spinner Rotation animation */
@-webkit-keyframes rotating

/* Safari and Chrome */
    {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.tasks-list .tasks-pane-item-text .fa-spinner {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    top: 37%;
}

.jqx-tabs-content-element .dx-checkbox.dx-state-readonly .dx-checkbox-container {
    display: none;
}

/* Add and edit row modal*/
#upsertRowModal .modal-content {
    border: 2px solid #ccc;
    border: 2px solid #787878;
    border-radius: 0;
}

#upsertRowModal .modal-header {
    background: #a5a5a5;
    border-radius: 0;
    padding: 10px 10px;
}

#upsertRowModal .modal-header h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 8px;
    display: inline-block;
}

#upsertRowModal .tblRowDataHeader {
    color: #737373;
    padding: 0;
    margin: 0 0 10px 5px;
    font-size: 16px;
}

#upsertRowModal .modal-header select {
    width: 150px;
}

#upsertRowModal #tblUpsertRow {
    border: 1px solid #ededed;
    width: 100%;
    table-layout: auto;
}

#upsertRowModal #tblUpsertRow td {
    border: 1px solid #ededed;
    padding: 5px !important;
    font-size: 12px;
    color: #555;
    height: 30px;
}

#upsertRowModal #tblUpsertRow td:first-child {
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#upsertRowModal #tblUpsertRow td a {
    font-size: 12px;
    color: #555;
}

#upsertRowModal .upsertRowModalDetails .scrollable-table {
    max-height: 350px;
    overflow: auto;
    position: relative;
    overflow-x: hidden;
}

#upsertRowModal .modal-footer {
    padding: 8px;
    text-align: right;
}

#upsertRowModal .btn-group .dropdown-toggle {
    background: transparent;
    box-shadow: none;
}

#upsertRowModal .btn-group .dropdown-menu {
    min-width: 98px;
    padding: 0;
    max-height: 300px;
    overflow: auto;
}

#upsertRowModal .lightning-btn {
    padding: 2px;
    font-size: 11px;
    line-height: 0px;
    background: none;
    color: none;
    border-radius: 2px;
    border: none;
    text-align: center;
    overflow: hidden;
    margin-left: 2px;
    position: absolute;
    top: 20px;
    right: 28px;
}

#upsertRowModal .lightning-btn span {
    height: 20px;
    width: 28px;
    padding: 3px 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

#tblUpsertRow .form-control {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    border: 0;
    box-shadow: none;
    min-width: 150px;
    height: unset;
    text-overflow: ellipsis;
}

#upsertRowModal .modal-dialog {
    width: 90vw !important;
}

#deleteDataTableRowsModal .modal-body {
    min-height: auto;
}

#deleteDataTableRowsModal .ok-btn-delete-dt-row {
    background-color: #B4132E !important;
    border-color: #860E22 !important;
}

#deleteDataTableRowsModal .modal-header {
    background-color: #B4132E !important;
}

#deleteDataTableRowsModal .large {
    font-size: 20px;
    font-weight: normal;
    display: block;
    margin-bottom: 8px;
}

#deleteDataTableRowsModal .modal-dialog .modal-content .modal-header h3 {
    padding: 5px;
    color: #fff !important;
}

#deleteDataTableRowsModal .warning-label {
    margin-bottom: 15px;
}

/* Apex Chart CSS */
.chart_parent_container {
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.chart_parent_container .analytics_data {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #eee; */
}

.chart_parent_container .analytics_data div.essentials_head {
    width: 100%;
    background: #eee;
    font-weight: bold;
    padding: 7px;
    margin-bottom: 10px;
    cursor: pointer;
}

.chart_parent_container .analytics_data .essentials_content {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    height: auto;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.chart_parent_container .analytics_data.expanded .essentials_content {
    /* height: auto; */
    border-bottom: 1px solid #eee;
    max-height: 900px;
    transition: max-height 0.5s ease-in;
}

.chart_parent_container .analytics_data.expanded .essentials_head .fas.fa-chevron-down:before {
    content: "\f077";
}

.chart_parent_container .analytics_data .essentials_content > div {
    width: 60%;
    display: flex;
    flex-direction: column;
}

.chart_parent_container .analytics_data .essentials_content > div:nth-child(even) {
    width: 40%;
}

.chart_parent_container .analytics_data .essentials_content > div label {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}

.chart_parent_container .analytics_data > div label.form-label {
    font-weight: bold;
    margin-bottom: 2px;
}

.chart_container {
    display: flex;
    /* overflow:hidden;  */
    flex-direction: column;
    /* padding-top:20px; */
    justify-content: center;
    flex: 1;
}

.chart_container .chart_head {
    width: 100%;
    background: #eee;
    font-weight: bold;
    padding: 7px;
}

.chart_container .chart_content {
    display: flex;
    /* overflow:hidden;  */
    /* flex-direction: column; */
    /* padding-top:20px; */
    /* justify-content: center; */
}
@media(max-width: 1240px) {
    .chart_container .chart_content {
        display: block;
    }
    .chart_container .chart_content .pieChart_container {
        width: auto !important;
        justify-content: center;
    }
    .chart_container .chart_content .pieChart_container > div {
        flex-direction: column;
    }
}

.chart_container .chart_content .lineChart_container {
    margin-right: 25px;
    width: 40%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-width: 320px;
}

.chart_container .chart_content .pieChart_container {
    display: flex;
    /* flex-direction:column; */
    margin-left: 25px;
    width: 60%;
    /* align-items: center; */
    /* justify-content: center;
    margin-top: 10px; */
}

/* .chart_container .chart_content .pieChart_container > div {
    width: 300px;
    height: 150px;
} */
/* .chart_container .chart_content .pieChart_container > div > canvas {
    height: 300px !important;   
    width: 150px !important;   
} */
.chart_container .chart_slider {
    position: absolute;
    top: 4px;
    left: 25px;
    width: 50%;
    height: 13px;
    z-index: 9;
    background: #eee;
}

.chart_container .chart_slider .ui-slider-range {
    color: #b4b4b4;
}

.chart_container .chart_slider + #something {
    position: absolute;
    top: 4px;
    left: calc(50% + 40px);
    font-weight: bold;
}

.chart_container .chart_slider .ui-slider-handle {
    border: 1px solid #b4b4b4;
    outline: none;
}

.chart_container svg > text {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px;
    font-weight: bold;
}

.apexcharts-legend {
    width: 145px;
}

.apexcharts-xaxis-texts-g text {
    display: none;
    font-family: "Roboto", sans-serif !important;
    font-size: 10px;
}

.apexcharts-xaxis-texts-g text:nth-child(2n+1) {
    display: inline-block;
}

.apexcharts-xaxis-texts-g text:first-child {
    display: none;
}

#btnEditAlias {
    padding: 0px !important;
    font-size: 12px;
}

#ddlQueueStatus {
    width: 105px;
}

#btnOpenEditDetail {
    right: 60px !important;
}

.json-editor-rw-txt-1,
.json-editor-rw-txt-2,
.json-editor-rw-txt-3 {
    display: inline-block;
    margin-right: 3px;
}

.json-editor-rw-txt-1 {
    text-decoration: none;
    transition: 0.3s background;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(75vw - 168px);
}

.json-editor-rw-txt-3 {
    cursor: pointer;
}

.json-editor-rw-txt-3:hover {
    font-weight: bold;
}

.modal-fullscreen {
    width: 100vw;
    max-width: none !important;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

.modal-fullscreen .modal-content {
    height: 100%;
}

.modal-fullscreen .modal-body {
    max-height: unset;
    height: calc(100vh - 120px);
}

.modal-fs-75p {
    width: 75vw;
    max-width: none !important;
    /* height: 75vh; */
    overflow: hidden;
}

.modal-fs-75p .modal-body {
    max-height: unset;
    height: calc(75vh - 96px);
}

.json-editor-parent {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}

.bottom-separator {
    border-bottom: 1px solid var(--label-color);
    padding-bottom: 8px;
    width: 450px;
}

#perDeployCost {
    font-weight: bold;
    font-size: 14px;
}

@font-face {
    font-family: 'conthrax';
    src: url('../fonts/conthrax-sb.ttf');
    font-weight: normal;
    font-style: normal;
}

.count {
    font-family: 'conthrax';
    /* font-family: 'Oxanium', cursive; */
    font-size: 42px;
    height: 62px;
    display: flex;
    align-items: center;
    /* border: 1px solid #333; */
}

.count.medium {
    font-size: 36px;
}

.count.small {
    font-size: 24px;
    height: unset;
}

.count.blue {
    color: #0078d4;
}

.count.red {
    color: red;
}

.count.orange {
    color: #fca61a;
}

.count .symbol {
    font-size: 0.5em;
}

.dashboard-tab-content {
    background: #fff;
    /* margin-top: -8px; */
}

.dashboard-tab-content .row {
    /* border: 1px grey dashed; */
    /* padding: 5px 5px; */
    padding: 0 2rem;
}

.dashboard-tab-content div[class*="col-"] {
    padding: 0.5rem !important;
}

.dashboard-tab-content .left-part,
.dashboard-tab-content .right-part {
    display: flex;
    flex: 1;
    margin: 1rem 0;
    position: relative;
    width: 50%;
    min-width: 440px;
}

.dashboard-tab-content .right-part {
    margin-top: 3rem;
}

.dashboard-tab-content .dashboard-inner-left-section {
    /* min-width: 270px; */
    flex: 1;
}

.dashboard-tab-content .dashboard-inner-right-section {
    position: relative;
    flex: 1;
    padding-left: 10px;
}

.dashboard-tab-content .dashboard-inner-right-section,
.dashboard-tab-content .dashboard-inner-left-section,
.dashboard-tab-content .right-part .pie-graph,
.dashboard-tab-content .right-part .bar-chart {
    min-width: 220px;
}

.dashboard-tab-content .dashboard-inner-right-section,
.dashboard-tab-content .right-part .pie-graph,
.dashboard-tab-content .dashboard-inner-left-section {
    border-right: 1px solid #eee;
}

.dashboard-tab-content .right-part .pie-graph {
    flex: 1;
    min-width: 200px;
    padding-left: 10px;
}

.dashboard-tab-content .right-part .bar-chart {
    flex: 1;
    padding-left: 10px;
}

/* .dashboard-tab-content .dashboard-inner-right-section:after {
            position: absolute;
            content: "";
            border-right: 1px solid #eee;
            top: 10%;
            left: -20px;
            width: 1px;
            height: calc(100% - 20%);
        } */

.dashboard-tab-content .section-head {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0.5rem;
    display: block;
}

.dashboard-tab-content .count-head {
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    display: inline-block;
    /* border: 1px solid red; */
    width: 100%;
}

.count-head.top-spacer {
    margin-top: 20px;
}

.dashboard-tab-content .count-head small,
.dashboard-tab-content .sub-head small {
    font-weight: normal;
    font-size: 80% !important;
}

.dashboard-tab-content .sub-head {
    font-weight: normal;
    font-size: 10px;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.dashboard-tab-content .dashboard-inner-right-section .f-box > div {
    /* align-self: flex-end; */
    margin-right: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100px;
}

.dashboard-tab-content .f-box .grid-legends {
    min-width: 310px;
}

.dashboard-tab-content .f-box .deployment-grid {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
}

.dashboard-tab-content .f-box #gridContainer {
    /*border: 1px solid #999;*/
    height: 200px;
}

.dashboard-tab-content .f-box .deployment-grid .dx-datagrid .dx-row > td {
    font-size: 12px;
    padding: 6px 5px;
}

.dashboard-tab-content .centered-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin: 0.5rem 0;
    flex: 1;
}

.dashboard-tab-content .f-box {
    display: flex;
    flex: 1;
    width: 100%;
}

.dashboard-tab-content .f-box.parent-box {
    flex-wrap: wrap;
}

.dashboard-tab-content .scope-dropdown {
    position: absolute;
    right: 0;
    top: -25px;
    width: 140px;
    display: flex;
    align-items: center;
}

.dashboard-tab-content .scope-dropdown .scope-title {
    margin-right: 10px;
    margin-top: 2px;
}

.scope-dropdown .select2-container {
    min-height: unset;
}

.scope-dropdown .select2-container .select2-selection--single {
    min-height: inherit;
    height: 30px;
    font-size: 12px;
    padding: 6px 20px 6px 10px;
}
.scope-dropdown .select2-container .select2-selection .select2-selection__rendered {
    line-height: 18px;
}

.scope-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    top: 0;
    right: 0;
}



.select2-selectDashboardScope-results .select2-results__option {
    padding: 3px 6px;
}

.dashboard-tab-content .legend-area {
    flex-direction: column;
    align-items: flex-start;
}

.dashboard-tab-content .legend-area > div {
    margin-bottom: 1rem;
}

.dashboard-tab-content .legend-area > div img {
    margin-right: 1rem;
}

.dashboard-tab-content .dx-datagrid.dx-datagrid-borders {
    margin: 0;
    width: 100%;
}

#select2-selectDashboardScope-results.select2-results__options li {
    font-size: 11px;
}

#dvTrendLineDeploymentActivity {
    width: 100% !important;
    height: 200px !important;
    position: relative;
}

#dvPieChartBotStatus,
#dvBarChartBotStatus {
    width: 100% !important;
    height: 250px !important;
    position: relative;
}

#dvTrendLineDeploymentActivity canvas,
#dvPieChartBotStatus canvas,
#dvBarChartBotStatus canvas {
    width: 100% !important;
}

#dvPieChartBotStatus canvas,
#dvBarChartBotStatus canvas {
    height: 200px !important;
}

canvas {
    vertical-align: top;
}

.dashboard-tab-content .tasks-pane-item-text {
    float: right;
    background: #0078d4;
    color: #fff !important;
    padding: 5px 10px 6px !important;
    border-radius: 6px;
    text-decoration: none;
    font-size: 1rem;
    display: flex;
}

.dashboard-tab-content .tasks-pane-item-text i {
    font-size: 1.25rem;
}

.dashboard-tab-content .tasks-pane-item-text span {
    margin-left: 0.5rem;
}

.dashboard-tab-content .f-box #gridContainer {
    height: unset !important;
    flex: 1 !important;
}

.dashboard-tab-content .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row,
.dashboard-tab-content .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    background: #fff !important;
}

.chart_container .chart_content .pieChart_container > div {
    display: flex;
    height: 260px;
    margin: 0 10px;
}

.chart_container .chart_content .pieChart_container .legend-container {
    width: 90%;
    align-self: center;
}

.chart_container .chart_content .pieChart_container .legend-container ul {
    flex-wrap: wrap;
    flex-direction: column !important;
    height: 100%;
}

.chart_container .chart_content .pieChart_container .legend-container ul li {
    margin-bottom: 3px;
    white-space: nowrap;
    margin-right: 5px;
}

.chart_container .chart_content .pieChart_container .legend-container ul li p {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.master-detail-caption {
    padding: 0 0 5px 10px;
    font-size: 14px;
    font-weight: bold;
}

.fusioncharts-container text {
    font-family: "Roboto", sans-serif !important;
}

.fusioncharts-container {
    /* width: unset !important; */
    zoom: unset !important;
}

#gridContainer .aligncenter {
    text-align: center !important
}

.num-json-depth-div .select2-container,
.num-max-duplicate-instances-div .select2-container {
    max-width: 50px !important;
    max-height: 25px;
    padding-top: 1px;
}

.param-file-upload-item {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.param-file-upload-item span {
    width: 30%;
    padding-right: 5px;
}

.param-file-upload-item .progress {
    width: 50%;
    margin-bottom: 0px;
}

.param-file-upload-item button {
    margin-left: auto;
}

#divConnectIdList tbody {
    max-height: 60vh !important;
}

#markAllConnectIdsAvl {
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
}

#filter-content-table {
    border-top: none;
    border-bottom: none;
}

#filter-content-table td {
    border-bottom: none !important;
}

#grpCredentialOptions .select2-container--default .select2-selection--multiple {
    border-color: #ddd !important;
    max-height: 200px;
    overflow: auto;
    padding: 6px 10px;
    display: flex;
    align-items: center;
}

.roi-category-configuration .select2-container,
.roi-tags-configuration .select2-container {
    max-width: 280px !important;
    max-height: 300px !important;
}

#dvMetrics .permissionOptions .form-group .checkbox-txt {
    flex-grow: 1;
    max-width: 30%;
    min-width: 180px;
}

#liNotifications {
    width: 35px;
    flex: none !important;
    padding-right: 15px;
}

#liNotifications span {
    font-size: 24px;
    opacity: 0.5;
    cursor: pointer;
}

#liNotifications img {
    height: 30px;
}

.mfa-setup-box-container {
    width: 95vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 1345px;
    max-width: 95vw;
    height: calc(100vh - 20px);
    overflow: auto;
}

.mfa-setup-box {
    display: flex;
    flex-direction: column;
    width: 750px;
    min-height: 100px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 30px 50px;
    z-index: 10;
    align-items: center;
}

.mfa-setup-box .logo {
    height: 65px;
    width: 225px;
}

.mfa-setup-box #twoFactorAuthParagraph {
    margin-top: 5px;
}

.mfa-setup-box p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mfa-setup-box h4 {
    color: deepskyblue;
    margin-top: 20px;
    margin-bottom: 5px;
}

.mfa-setup-box #qrCode {
    width: 160px;
    height: 160px;
    margin-top: 20px;
    border: 1px solid #00000025;
    border-radius: 3px;
}

#qrCode {
    margin: 0 auto;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px var(--input-shadow);
}

#qrCode img {
    width: 180px;
    height: 180px;
}

#setupKey button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    color: var(--default-blue) !important;
}

#setupKey button:focus {
    outline: none;
}

#setupKey .overlay-setup-key {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1111;
    cursor: pointer;
}

#setupKeyBox {
    width: 375px;
    min-height: 85px;
    background: #fff;
    border-radius: 8px;
    z-index: 1112;
    position: absolute;
}

#setupKeyBoxHeading {
    display: flex;
    justify-content: space-between;
    font-size: 120%;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #00000025;
}

#setupKeyBoxValue {
    font-size: 120%;
    margin-top: 10px;
    padding-left: 15px;
}

#closeSetupKeyBox {
    border: none;
    background: #fff;
    margin-right: 10px;
}

#totpCodeInput .form-control {
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 40px;
    text-align: center;
}


#totpCodeInput input[type="number"]::-webkit-inner-spin-button,
#totpCodeInput input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#totpCodeInput {
    display: flex;
    flex-direction: row;
}

#totpCodeInput .correct {
    margin-left: 10px;
    margin-top: 15px;
    color: green;
}

#totpCodeInput .wrong {
    margin-left: 10px;
    margin-top: 15px;
    color: red;
}

#confirmTOTP {
    height: 27px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
    outline: none;
    -webkit-appearance: none;
}

#verificationTOTP {
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
    outline: none;
    -webkit-appearance: none;
    font-size: 25px;
    width: 130px;
    text-align: center;
    letter-spacing: 4px;
}

#confirmTOTP::-webkit-inner-spin-button,
#confirmTOTP::-webkit-outer-spin-button,
#verificationTOTP::-webkit-inner-spin-button,
#verificationTOTP::-webkit-outer-spin-button,
#confirmRecoveryCodeValue::-webkit-inner-spin-button,
#confirmRecoveryCodeValue::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#mfaSetupButtonsForm form {
    text-align: center;
}

#mfaSetupIgnore {
    margin: 20px auto 0;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    width: auto;
    color: var(--default-blue);
}

#mfaSetupIgnore:is(:hover) {
    text-decoration: underline;
}

.mfa-verification-box {
    display: flex;
    flex-direction: column;
    width: 450px;
    min-height: 100px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 30px 50px;
    z-index: 10;
    align-items: center;
}

.mfa-verification-box-container {
    width: 95vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 1345px;
    max-width: 95vw;
    height: calc(100vh - 20px);
}

.mfa-verification-box .logo {
    height: 65px;
    width: 225px;
}

.mfa-verification-box span {
    margin-top: 40px;
    font-size: 50px;
    color: deepskyblue;
}

.mfa-verification-box h4 {
    margin-top: 20px;
}

.mfa-verification-box form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#verifyTOTPButton
{
    margin-top: 24px;
    max-width: 100%;
}

.mfa-verification-box p {
    margin-top: 30px;
}

.recovery-option-container {
    margin: 50px auto;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    width: 1345px;
    max-width: 95vw;
    height: calc(100vh - 20px);
}
.recovery-option-mailbox {
    padding: 15px 80px;
    margin: 20px 0;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
}

.recovery-option-box {
    display: flex;
    flex-direction: column;
    width: 550px;
    min-height: 100px;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    padding: 30px 50px;
    z-index: 10;
    align-items: center;
}

.recovery-option-box .logo {
    height: 65px;
    width: 225px;
}

#confirmRecoveryOption div {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

#resendRecoveryCode span {
    color: var(--default-blue);
    cursor: pointer;
}
#resendRecoveryCode span:hover{
    text-decoration: underline;
}

#liNotifications img:hover {
    cursor: pointer;
}

#notificationOverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 100;
    cursor: pointer;
}

#notificationDiv {
    height: 450px;
    width: 500px;
    position: absolute;
    left: 50%;
    top: 52px;
    background: #ffffff;
    z-index: 101;
    border-radius: 5px;
}

#notificationsTableDiv {
    overflow: auto;
    height: 91.9%;
}

#notificationsTable {
    margin-top: 15px;
}

#notificationsTable th {
    text-align: center !important;
}

#copyScriptReferencePathOptions {
    margin-bottom: 24px;
}

#copyScriptReferencePathOptions div {
    margin: 10px 0px 0px 0px;
}

.logsModal .modal-dialog {
    width: 1000px;
}

#TwoFactorRecoveryCodeHyperLink {
    color: var(--default-blue) !important;
    text-decoration: none;
}
#TwoFactorRecoveryCodeHyperLink:hover {
    text-decoration: underline;
}

#queuedArrayHandle {
    margin-top: 30px;
}

.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center {
    width: 100% !important;
}

#dvBarChartBotStatus .apexcharts-tooltip-text-y-label {
    display: none;
}

.disabled-action-task {
    opacity: 0.5;
}

#heartbeatTimeout {
    height: 20px;
    padding: 5px 10px;
    margin-left: 10px;
    border-radius: 5px;
    width: 50px !important;
    box-shadow: 0 1px 2px var(--input-shadow);
    border: 1px solid var(--border-color);
}

#heartbeatTimeout::-webkit-inner-spin-button,
#heartbeatTimeout::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.flatpickr-calendar {
    font-size: 12px;
    color: #050519;
    font-family: "Roboto", sans-serif !important;
}
.flatpickr-current-month {
    width: 100%;
    left: 0;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .numInputWrapper {
    flex: 1;
}
.flatpickr-current-month .numInputWrapper {
    min-width: 100px;
    width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    margin: 0;
    font-weight: 400;
    font-family: "Roboto", sans-serif !important;
}
.flatpickr-day.selected {
    background: #3965e0 !important;
    border-color: #3965e0 !important;
}
.flatpickr-calendar.open {
    width: 330px !important;
}
.flatpickr-days {
    width: 100% !important;
}

.flatpickr-day {
    width: 50px !important;
    max-width: 50px !important;
    line-height: 29px !important;
    height: 30px;
}
.dayContainer {
    width: 330px !important;
    min-width: 330px !important;
}
.flatpickr-current-month, .flatpickr-day, .numInputWrapper, .numInputWrapper input, span.flatpickr-weekday {
    font-size: 12px;
    font-weight: 400 !important;
    font-family: "Roboto", sans-serif !important;
}
span.flatpickr-weekday {
    font-weight: 600 !important;
}
.flatpickr-time {
    line-height: 30px;
}
.flatpickr-time .numInputWrapper {
    height: 30px;
}
.flatpickr-prev-month, .flatpickr-next-month {
    padding: 8px 10px;
}

/* Login Pages */
.or-separator {
    position: relative;
    text-align: center;
}

.or-separator span {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 8px;
    color: var(--default-black);
}

.or-separator:after {
    position: absolute;
    content: " ";
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--border-color);
}
.form-box-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.form-content {
    width: 100%;
    flex: 0 0 35%;
    min-height: 100vh;
    background-color: #fff;
}


.form-content .logo,
.footer-copyright-text {
    padding: 32px 80px;
}

.splash-bg {
    flex: 0 0 65%;
}

.splash-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-box {
    padding: 32px;
    max-width: 520px;
    width: 100%;
}
@media(min-width: 1024px) {
    .form-box {
        min-width: 420px;
    }
}

.form-box .headline {
    margin-top: 24px;
}

.form-box a:not(.btn) {
    color: var(--default-blue) !important;
}

.form-box a:not(.btn):hover {
    text-decoration: underline;
}

.form-box .login-ms,
.form-fields .form-submit input[type="submit"] {
    transition: all 0.3s;
}

.form-box .title {
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--default-black);
}

.form-box .subtitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--default-gray);
}

.form-fields .validation-summary-errors {
    margin: 10px 0 20px;
    text-align: center;
}

.form-fields .validation-summary-errors > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.form-fields .validation-summary-errors li {
    margin-bottom: 10px;
}

.form-fields .validation-summary-errors li:last-child {
    margin-bottom: 0;
}

.form-fields .form-group {
    margin-bottom: 20px;
    position: relative;
}

.form-fields .form-group .field-validation-error {
    display: block;
    margin-top: 10px;
    color: #ff0000;
    text-align: center;
}

.form-fields .form-group label {
    font-weight: 400;
    margin-bottom: 12px;
    display: block;
    text-align: left;
}

.form-fields .form-control {
    height: auto;
    max-width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: var(--default-black);
    width: 100%;
    padding: 10px 14px !important;
    border-radius: 5px !important;
    background: #fff;
    min-height: 40px !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 1px 2px 0 var(--input-shadow) !important;
}
.form-fields .form-control[disabled] {
    border: 0 !important;
    box-shadow: none !important;
    background: var(--light-gray);
    color: var(--label-color);
}

.form-fields input,
.form-fields select,
.form-fields textarea {
    max-width: 100%;
}

.footer-copyright-text {
    color: var(--label-color);
}

.jsgrid-row .jsgrid-cell {
    vertical-align: middle;
}

.jsgrid-selected-row > .jsgrid-cell {
    background: #ECF0FD !important;
    border-color: #ECF0FD !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #ECF0FD;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: #ECF0FD;
}

.dx-datagrid-content .dx-datagrid-table .dx-row:not(.dx-freespace-row) > td {
    vertical-align: middle;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
    padding-top: 0 !important;
}

.rightSidePanel {
    padding: 10px 20px 20px;
    overflow-y: auto;
    scrollbar-width: none;
    height: calc(100vh - 100px);
}

.rightSidePanelHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}

.closePanelIcon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(./Images/icon_close.svg) no-repeat center center;
}

.rightSidePanel h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.rightSidePanel .validation-summary-errors:empty {
    display: none;
}

.rightSidePanel label {
    font-weight: 400;
}

.rightSidePanel .form-group {
    margin: 0 0 24px;
    display: block;
}

.rightSidePanel .select2.select2-container {
    max-width: 100%;
    display: block;
    width: 100% !important;
}

.rightSidePanel .form-control {
    max-width: 100%;
    display: block;
    padding: 10px 14px;
    border-radius: 5px;
    background: #fff;
    height: auto;
    color: var(--default-black);
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px 0 var(--input-shadow);
}
.action-icons {
    float: right;
    display: flex;
    align-items: center;
}
.action-icons button {
    background: none;
    border: 0;
    padding: 0 12px;
    color: var(--default-gray);
    border-left: 1px solid var(--border-color);
}
.action-icons button:hover {
    color: var(--default-blue);
}
.action-icons button:first-child {
    padding-left: 0;
    border-left: 0;
}
.dx-submenu {
    padding: 0;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 10px var(--input-shadow) !important;
    border: 0 !important;
}
.dx-context-menu .dx-menu-item.dx-menu-item-selected,
.dx-context-menu .dx-menu-item.dx-state-hover {
    font-weight: 600;
    color: var(--default-blue);
    background-color: var(--light-blue);
}
.dx-context-menu .dx-menu-item.dx-menu-item-selected .dx-icon,
.dx-context-menu .dx-menu-item.dx-state-hover .dx-icon {
    /*color: var(--default-blue);*/
}
.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
    padding: 0 10px 0 10px;
}
.dx-context-menu .dx-menu-item-wrapper .dx-menu-item-content {
    padding: 5px 10px;
    display: flex;
    align-items: center;
}
.dx-context-menu .dx-menu-item-wrapper .dx-menu-item-content .dx-icon {
    font-size: 14px !important;
    min-width: 20px;
    margin: 0;
    line-height: 20px;
    height: 20px;
}
.dx-context-menu .dx-menu-item.dx-state-hover .context-menu-icon-sub-layout {
    /*color: var(--default-blue) !important;*/
}
.dx-datagrid-filter-row .dx-menu {
    margin: 0 !important;
}

.jqx-widget-header {
    background: var(--light-gray);
    border-color: var(--border-color);
}
.jqx-widget-header.jqx-tabs-arrow-background {
    max-height: 33px;
}
#inner-script-vertical-bottom-content {
    margin-top: -2px;
}

.demo-container {
    background: url(../content/Images/readi-bg.jpg) no-repeat center center / cover;
    height: 100vh;
    position: relative;
}

.demo-container .pageloadShow {
    display: flex;
    height: 100vh;
    align-items: center;
}

.demo-container .modal-dialog {
    max-width: 758px !important;
    width: 100%;
}

.demo-container .modal-content {
    padding: 36px 48px;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px rgba(46, 41, 37, 0.15);
}

.demo-container .modal-header {
    background-color: #fff !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--border-color);
}
.demo-container .modal-header h3.modal-title {
    font-size: 24px !important;
    font-weight: 700;
}
.demo-container .modal-body {
    min-height: auto;
    max-height: inherit;
    padding: 20px 0;
}
.demo-container .modal-footer {
    padding: 0 !important;
    border: 0;
}
.demo-container .modal-footer .btn + .btn {
    margin-left: 20px;
}
.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    border: 0;
}
.searchlogs_txt {
    padding: 4px 10px;
    border-radius: 4px;
    background: #fff;
    font-weight: 400;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 2px var(--input-shadow);
}
.dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid .dx-texteditor-input-container::after {
    right: 30px !important;
}
.jqx-grid-column-filterbutton {
    min-width: 18px;
    background-position: center 5px;
}
.jqx-fill-state-normal {
    font-family: "Roboto", sans-serif !important;
}
.jqx-fill-state-normal.jqx-grid-group-column {
    background: #d1d1d1;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

#grpCredentialOptions .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

#logsModalConnectID .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child {
    padding-left: 0 !important;
}

#logsModalConnectID .dx-datagrid-headers .dx-row .dx-datagrid-action,
#logsModalConnectID .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row.dx-datagrid-filter-row td {
    padding-left: 10px !important;
}

ul#grpInstallSolutionWorkspace {
    padding: 0;
    list-style: none;
}
.dx-tooltip-wrapper .dx-overlay-content {
    border: 0 !important;
    border-radius: 8px !important;
    background: none !important;
}
.dx-datagrid-content .dx-datagrid-table .dx-row:not(.dx-freespace-row) > td a.remove-icon {
    font-weight: 900;
    text-decoration: none !important;
}

.dx-datagrid-columns-separator {
    background-color: var(--default-blue);
}
.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid .dx-datagrid-columns-separator {
    width: 4px !important;
}

.dx-datagrid .dx-datagrid-columns-separator:hover::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 48px;
    border-radius: 4px;
    background: var(--default-blue);
}

.dx-datagrid .dx-datagrid-columns-separator.dx-datagrid-columns-separator-transparent {
    height: 56px !important;
}

.iconCheckCirlce {
    color: #2F8641;
}
.iconCircleInfo {
    color: #1238A0;
}
.iconCircleQuestion,
.iconCircleExclamation {
    color: #F3B61F;
}
.iconCircleXmark {
    color: #F76E6E;
}
.monaco-editor .inputarea {
    font-size: 0 !important;
    padding: 0 !important;
}
.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 4px !important;
}
.dx-context-menu-content-delimiter {
    display: none !important;
}
.dx-context-menu-container-border,
.dx-context-menu.dx-overlay-content {
    border-radius: 5px;
    border: 1px solid var(--border-color) !important;
}
/*.dx-context-menu .dx-submenu {
    overflow: hidden;
}*/
.dx-context-menu .dx-menu-items-container {
    padding: 0 !important;
}
#left-pane .blockUI.blockOverlay {
    width: 100%;
    height: 100%;
}
#left-pane .blockUI.blockElement {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
#jsGrid {
    height: inherit;
}

.arrow-bottom::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.select2-container .select2-dropdown.connectIdsDropdown {
    z-index: 1039 !important;
}

.flatpickr-date-wrapper,
.flatpickr-time-wrapper {
    position: relative;
}

.flatpickr-date-wrapper input[type="date" i]::-webkit-calendar-picker-indicator,
.flatpickr-time-wrapper input[type="time" i]::-webkit-calendar-picker-indicator {
    display: none;
}
@media(max-width: 1240px) {
    .general-properties-tab {
        display: block;
    }
    #general-tab-left {
        width: auto;
    }
    #general-tab-right {
        padding: 20px 20px 10px;
        margin: 20px -15px 0;
        border: 0;
        border-top: 1px solid #c1c1c1;
    }
    #general-tab-right .master-enable .form-group.description-container label.form-label {
        width: auto;
    }
    #dvRetention .formSection div[class*="col-lg"] {
        width: 100%;
    }

    #tabstrip-second .formSection .left_column {
        border-right: 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #e3e3e3;
    }
}

@media(max-width: 1030px) {
    .app-logged-user #userName {
        margin-left: 12px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .panel-header {
        font-size: 18px;
    }
    .appstore-container .detailedStoreItem .thumbnail-content .title {
        font-size: 18px;
    }
    .appstore-container .storeitems .store-item .img-holder {
        width: 60px;
        height: 60px;
    }
    #tblMappingsWrapper, #tblMappingsWrapper {
        overflow-x: auto;
    }
    .dx-datagrid-header-panel .dx-datagrid-group-panel .dx-group-panel-message {
        max-width: 230px;
    }
}

.task-pane-tooltip {
    right: 100%;
    text-align: right;
    white-space: nowrap;
    position: absolute;
    color: #fff;
    z-index: 99999;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 8px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 3px 3px 6px 0 rgb(0 0 0 / 45%);
}
.task-pane-tooltip::before {
    content: "";
    top: 50%;
    right: -5px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid rgba(0, 0, 0, 0.7);
}